CSS Module은 class 이름을 컴포넌트 계약으로 만든다

파일 작성부터 import·빌드·유지보수까지 스타일 의존성이 컴포넌트 가까이에 남는다.

write

Button.module.css

컴포넌트 단위 class와 상태 스타일 정의

import

styles object

문자열 대신 styles.btn으로 명시적 참조

build

Unique class

고유 이름을 만들어 다른 화면 충돌 차단

maintain

Local dependency

삭제·변경 영향이 컴포넌트 범위에 남음

핵심전역 CSS는 토큰과 기본 레이아웃, 컴포넌트별 시각 규칙은 module.css로 책임을 나눈다.