주요 차이점을 살펴보면, .sass 확장자는 중괄호({})와 세미콜론(;)을 사용하지 않습니다. 반면 .scss 확장자는 기존 CSS를 작성하는 방식과 비교해서 문법이 크게 다르지 않습니다.

보통 .scss 문법이 더 자주 사용되므로 이 책에서는 .scss 확장자를 사용하여 스타일을 작성해 보겠습니다.

새 컴포넌트를 만들어서 Sass를 한번 사용해 봅시다! 우선 node-sass라는 라이브러리를 설치해 주어야 합니다. 이 라이브러리는 Sass를 CSS로 변환해 줍니다. 프로젝트 디렉터리에서 다음 명령어를 실행하세요.

$ yarn add node-sass

설치가 완료되면 src 디렉터리에 다음과 같이 SassComponent.scss 파일을 작성해 보세요.