Sass (SCSS)
Sass (SCSS)
프론트엔드에서 가장 널리 쓰이는 CSS 전처리기 중 하나예요. CSS에 변수·믹스인·상속·함수·중첩 같은 프로그래밍 기능을 더해 스타일을 체계적으로 관리하게 해 준답니다. 공식 문서를 기준으로 SCSS 문법, 변수, 믹스인, @extend 상속, @function, 부모 선택자(&) 중첩을 정리해요.
- SCSS 문법 — SCSS와 들여쓰기(Indented) 두 가지 표기법
- 변수 —
$로 시작하는 값 재사용과!default/!global - 믹스인 —
@mixin/@include로 스타일 묶음 재사용 - @extend — 선택자를 상속받아 스타일 물려받기
- @function — SassScript 값 계산 함수 정의
- 부모 선택자 & — 중첩에서 바깥 선택자 참조