01. Sass란?

# What? Sass란

- css 전처리기

 

# Why? 이걸 왜 알아야돼?

- css를 약간 프로그래밍하듯이 작업 가능함. 자주 쓰는 스타일을 변수명으로 선언해놓는다던지 등.

=> 재활용, 짧은 코드로 반복성 노가다 제거

 

# How?

1) Visual Studio를 쓴다면

1. Visual Studio 설치

2. 플러그인 Sass, Live Sass Compiler 설치

3. Sass폴더 만들고 안에다 scss 파일 생성

4. Visual Studio 하단탭에 Watch Sass 클릭

5. 이제 scss 작업할때마다 알아서 css 파일로 컴파일됨

* css 저장되는 경로 바꾸고싶으면 Settings > Text Editor > Files > settings.json에서 savePath 수정

(Edit setting.json은 스크롤 내리다보면 나옴)

 

2) Phpstorm, InteliJ를 쓴다면

1. 인텔리제이 설치

2. 플러그인 File Watcher 설치

3. Settings > Tools > File Watcher > Scss Style Sheet 생성 후 완료

4. scss 파일 생성 후 작업하면 알아서 css파일로 컴파일됨