스타일 도구는 변경 시점과 렌더 경계로 고른다

한 프로젝트에서도 전역·지역·동적 영역의 책임에 따라 서로 다른 도구를 조합할 수 있다.

스타일은 언제 바뀌고 어디까지 영향을 주는가?scope와 실행 시점을 먼저 판정
정적·지역

CSS Modules

컴포넌트 범위를 runtime 비용 없이 격리

토큰 중심

Tailwind

반복 디자인 규칙을 utility 조합으로 유지

props·theme

CSS-in-JS

실행 중 스타일 변화와 SSR registry 필요

앱 전체

Global CSS

reset·layout 기반·CSS 변수에 한정

핵심취향보다 변경 빈도·runtime 비용·Server Component 호환성을 설명할 수 있는 도구를 선택한다.