저번 강의에서 봤듯이
여러분은 vanilla CSS를
단순히 css 파일에 css 규칙을 추가함으로서
그리고 그 css 파일을 여러분의 jsx 파일로 import 함으로서 사용할 수 있습니다
모두 작동하며
vanilla css를 사용하여 작업하고 싶거나
혹은 다른 개발자나 디자이너가
css 파일에 작업하고 있다면 아주 좋습니다
왜냐하면 그 사람이 여러분에게 이러한 파일들을 전달해줄 수 있기 때문입니다
여러분은 그냥 import하고
컴포넌트와 jsx 코드에 작업할 수 있습니다
그러고 다른 사람이 css 코드를 작업할 수 있습니다
그것이 이 vanilla css 접근을 사용하는 것의 장점 주우 하나입니다
그리고 당연히 여러분이 알듯이 간단히 css 코드를 작성하고
특별한 관례를 따르지 않아도 됩니다
왜냐하면 그냥 Vanilla CSS 코드이기 때문입니다
따라서 vanilla css 를
리액트 앱을 스타일링하기 위하여 사용할 때, 하나의 장점은
여러분이 jsx 코드에서 css 코드를 가지고 오면
곧 가능한 스타일링 옵션에서
이것이 꼭 필요한 케이스가 아님을 알 수 있습니다
다른 장점은 여러분이 vanilla css 코드를 작성한다는 점입니다
즉 css는 여러분이 알듯이, 좋아할 수도 싫어할 수도 있지만
여러분에게 달렸습니다
또한 당연히 jsx 코드를 분해하는 것과 관련된 또 하나의 장점은
다른 사람들이 이 코드에 작업할 수 있고
따라서 여러분은 스타일링을 추가하려는 사람으로 인해
방해를 받거나 간섭을 받지 않고
컴포넌트에 작업할 수 있다는 것입니다
당연히 vanilla css의 단점도
존재합니다
예를 들어 여러분은 이것을 적기 위해서 css를 알아야 하고
아니라면 그것을 할 수 있는 동료가 필요합니다
그리고 또 다른 것은
우리의 다음 강의에서 더 자세히 살펴보겠습니다
왜냐하면 우리가 vanilla css 코드를 적을 때
제가 여러분에게 지난 강의에서 보여드린 솔루션을 쓸 때
코드와 그 css 규칙은 컴포넌트로
스코핑되어있지 않습니다
이 말은 즉 다른 컴포넌트 간에
스타일 충돌이 발생할 수 있다는 것을 의미합니다
특히 서로 다른 컴포넌트에 저장된 jsx 코드에
영향을 미칠 수 있는 css 규칙을 사용하는 경우입니다
그러나 우리는 이러한 단점에 대해
다음 강의에서 더 살펴보도록 하겠습니다