CSS Modules

작성한 클래스는 모듈 경계 안에서만 의미를 가진다

`.module.css` 파일을 import하면 styles 객체를 통해 클래스에 접근하고, 빌드 결과는 파일명과 해시가 붙은 고유 이름으로 바뀝니다.

.btn { padding: 12px; } → StyledButton_btn__abc123

import styles

컴포넌트 파일이 사용하는 CSS 파일을 직접 참조하므로 의존 관계가 코드 안에 남습니다.

styles.btn

문자열 클래스 대신 객체 프로퍼티를 사용해 오타와 삭제 대상을 더 쉽게 찾습니다.

컴포넌트 단위 삭제

StyledButton을 제거할 때 StyledButton.module.css도 함께 정리하기 쉬워집니다.