SCSS

2021. 4. 10. 17:10개발공부/리액트 기초

1. node-sass 패키지 설치

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

 

2. scss파일 생성

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

SCSS특징

 

1. nesting이 가능하다.

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

3. 변수를 쓸 수 있다.

 

'개발공부 > 리액트 기초' 카테고리의 다른 글

Ref  (0) 2021.04.10
라이프 사이클  (0) 2021.04.10
styled-components  (0) 2021.04.10
리액트 앱(프로젝트) 생성하기  (0) 2021.04.10
리액트의 기본문법 JSX  (0) 2021.04.04