조나스 선생 강의 메모
Sass : CSS의 확장인 CSS 전처리기
Sass 작동하는 방식
일반 CSS 코드로 CSS 파일을 작성하는 대신, Sass파일에 Sass 코드를 작성한다.
컴파일러를 실행하여 Sass 코드를 CSS 코드로 변환한다
Sass의 특징
- 글꼴 크기, 간격, 색에 관한 변수를 쓸 수 있음
- 연산자
- 중첩 선택자
- 각자 파일에 코드를 작성하고 하나의 단일 파일로 가져올 수 있음
- 믹스인: 재사용 가능한 CSS 코드
Sass와 SCSS(Sassy CSS)의 차이
- Sass: 중괄호, 세미콜론을 사용하지 않고 대신 들여쓰기로 구분
- SCSS: CSS랑 비슷하게 중괄호, 세미콜론을 씀