CSS Modules는 클래스 충돌을 파일 경계 안에 가둔다

같은 이름의 class라도 모듈별로 해시가 붙어 전역 CSS 충돌을 줄인다.

File Button.module.css 지역 클래스 정의

Import styles.primary 객체로 참조

Build hashed class 충돌 방지

DOM 실제 class 자동 생성 이름

규칙

좋은 사용

주의

지역 스타일

컴포넌트 전용

전역 선택자 남용

조건부 class

명시 조합

문자열 오타

공유 토큰

CSS 변수

중복 색상

핵심 CSS Modules의 핵심은 스타일을 숨기는 것이 아니라 클래스 이름의 책임 범위를 파일 단위로 좁히는 것이다.