같은 `.title`도 파일 경계가 다르면 충돌하지 않는다

.module.css를 import하면 빌드가 로컬 클래스와 고유한 출력 이름의 매핑을 만듭니다. 컴포넌트는 원문 문자열 대신 그 매핑을 사용합니다.

Card컴포넌트 A

sourceCard.module.css · .title

importstyles.title

DOMCard_title__a1

Modal컴포넌트 B

sourceModal.module.css · .title

importstyles.title

DOMModal_title__b9

.title ≠ .title원래 이름이 같아도 출력 클래스가 달라져 Card의 수정이 Modal로 새지 않습니다.

로컬*.module.css

한 컴포넌트와 함께 이동하고 삭제되는 스타일

전역globals.css

reset·기본 요소·앱 공통 토큰처럼 전체에 필요한 규칙

탈출:global(...)

외부 라이브러리 등 반드시 전역 이름을 겨냥할 때만 제한적으로 사용