Sass 기능 선택 기준

Sass는 CSS를 다른 언어로 바꾸는 것이 아니라 반복되는 값, 선택자, 패턴을 더 관리하기 쉬운 단위로 묶어줍니다.

Sass 기능Sass는 CSS를 다른 언어로 바꾸는 것이 아니라 반복되는 값, 선택자, 패턴을 더 관리하기 쉬운 단위로 묶어줍니다.
01

변수

색상과 간격을 한 곳에서 관리 · 브랜드 색, spacing, breakpoint처럼 반복되는 값을 이름으로 묶습니다.

02

중첩

컴포넌트 안의 선택자 관계 표현 · DOM 구조를 그대로 베끼기보다 2~3단계 안에서 읽히게 유지합니다.

03

믹스인

반복 규칙을 매개변수로 재사용 · 반응형, flex 정렬, 버튼 변형처럼 패턴이 반복될 때 사용합니다.

핵심Sass 기능 선택 기준은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.