반복이 보이는 순간 구조화
같은 규칙이 여러 화면에 흩어지기 시작하면 토큰, 컴포넌트, 유틸리티 중 어느 층이 책임질지 먼저 정합니다.
스타일 책임을 나누는 순서
OOCSS (Object-Oriented CSS)
OOCSS는 CSS를 객체 지향 프로그래밍(OOP)처럼 생각하여, 재사용 가능한 객체(Object) 단위로 CSS를 구성하는 원칙입니다.
BEM (Block, Element, Modifier)
BEM은 CSS 클래스 명명 규칙에 대한 가장 널리 사용되는 방법론 중 하나입니다.
SMACSS: 모듈화된 CSS 아키텍처
SMACSS는 CSS 코드를 카테고리별로 나누어 정리하는 아키텍처 가이드라인입니다.