스코프
고유 클래스가 생성되어 컴포넌트 밖 스타일 충돌을 줄인다.
장점
동적 스타일
props와 state에 맞춰 색상, 크기, 상태 표현을 자연스럽게 바꾼다.
응집도
UI 구조와 스타일 의도를 한 컴포넌트 안에서 함께 읽을 수 있다.
비용
스타일 생성 비용을 고려한다
런타임 스타일 계산과 라이브러리 의존성이 생기므로 작은 정적 화면에는 과할 수 있다.
팀 스타일 가이드가 필요하다
스타일 로직이 컴포넌트에 가까워지는 만큼 네이밍, 테마, 재사용 기준을 맞춰야 한다.