[React] React 스타일 - Style-components과 SASS

 

Style-components

 

npm install style-components # 설치

 

 

import로 'styled-components'를 불러와 사용할 수 있게끔 세팅을 끝냅니다.

 

변수 = style.태그명

 

SASS

 

npm install node-sass # 설치

 

1. scss 파일 생성 후, import로 가져오기

 

 

 

2. 변수에 데이터를 저장해서 쓰자

 

 

3. nesting 문법

 

 

 

4. 복붙 말고 @extend

 

 

5. @mixin 함수(), @include 함수()

 

 

@mixin 함수()를 위에다 작성하고, 아래에 @include 함수()로 불러와 줘야 합니다.