[React] 아니면 CSS대신 SASS를 쓰자 (SASS 문법 10분 총정리)

Lee Tae-Sung·2021년 11월 4일
0

React.js

목록 보기
15/26

sass 설치

yarn(npm) add node-sass

sass 활용법

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

$변수명:변수에넣을값

2. @import 파일경로

=> @import 를 통해 다른 scss 파일들을 주고받을 수 있다.

@import './reset.scss';

=> 여기서 @import './_reset.scss';

=> '_' 를 쓰면 자동으로 쓸모 없는 파일이다 컴파일 안하겠다고 말하게 된다.

3. nesting

div.container {
	h4 {
    	color : blue;
    }
    p {
    	color : green;
    }
}

=> h4, p 얘네는 div.container랑 관련 있구나 바로 알 수 있다.

profile
긍정적인 에너지를 가진 개발자, 이태성입니다.

0개의 댓글