모듈 파일 작성
버튼, 카드, 페이지처럼 컴포넌트 단위로 `.module.css` 파일을 만듭니다.
Button.module.cssCSS 모듈은 클래스 이름을 컴포넌트 계약으로 바꾼다
파일 안에서 작성한 클래스는 임포트된 객체를 통해 사용되고, 빌드 단계에서 고유한 이름으로 변환됩니다.
스타일 객체 임포트
컴포넌트는 문자열 대신 `styles.btn`처럼 명시적인 속성을 읽습니다.
styles 객체고유 이름 생성
빌드 도구가 파일명, 클래스명, 해시를 조합해 충돌 가능성을 낮춥니다.
지역 스코프삭제와 변경 추적
컴포넌트와 스타일 의존성이 가까워져 사용하지 않는 스타일을 찾기 쉬워집니다.
유지보수성전역 CSS는 레이아웃과 토큰에 남기고, 컴포넌트별 시각 규칙은 CSS 모듈로 좁히면 충돌 위험이 줄어듭니다.