CSS Modules는 컴포넌트 가까이에서 지역 scope를 만든다

작성 파일·사용 객체·전역 규칙을 분리하면 스타일 변경 범위가 선명해진다.

Component style boundaryclass 이름의 책임을 파일 단위로 제한
file

Button.module.css

한 컴포넌트에 종속된 시각 규칙

use

styles.name

import 객체를 통한 명시적 class 참조

build

Local hash

같은 title 이름도 파일별 고유하게 변환

global

Tokens · reset

앱 전체에 필요한 규칙만 별도 유지

scss

module.scss

필요하면 Sass 문법과 지역 scope 결합

핵심컴포넌트 구조와 강하게 묶인 스타일은 가까이 두고 공통 토큰만 전역에서 공유한다.