1
CSS Module 작성
Button.module.css 안에 button 같은 짧은 이름을 작성합니다.
.button { color: white; }
충돌 방지 흐름
2
가져오기
CSS 파일을 객체처럼 가져와 컴포넌트 안에서만 참조합니다.
import styles from Button.module.css
3
매핑
JSX는 원래 문자열 대신 styles.button 값을 사용합니다.
className={styles.button}
4
출력
브라우저에는 파일명과 해시가 섞인 고유 클래스가 렌더링됩니다.
Button_button__a1b2c3