SCSS

1. node-sass 패키지 설치

yarn add node-sass@4.14.1 open-color sass-loader classnames

 

2. scss파일 생성

기본문법은 css와 동일하기때문에 css파일과 동일 코드 작성해줘도 정상 작동 함

SCSS특징

 

1. nesting이 가능하다.

2. 상위 요소 이어쓰기는 "&"로 클래스명, 글자 등 이어쓸 수 있다.

3. 변수를 쓸 수 있다.