CSS 모듈 소개

CSS 모듈은 클래스 이름을 파일 단위로 스코프 처리해 전역 충돌을 줄이고, 컴포넌트 스타일의 소유 범위를 코드 구조와 맞춥니다.

1

CSS 모듈 소개를 읽는 관점

CSS 모듈은 클래스 이름을 고유하게 바꿔 전역 충돌을 막습니다.

2

CSS 모듈 사용 방법

CSS 모듈 파일 생성 src/components 폴더에 CssModulesExample.module.css 파일을 만듭니다.

3

CSS 모듈의 장점

클래스 이름 충돌 방지: 가장 큰 장점입니다.

4

CSS 모듈의 단점 및 고려사항

글로벌 CSS 사용의 제약: CSS 모듈은 기본적으로 모든 클래스를 지역 스코프로 만듭니다.

5

CSS 모듈 기준

일반 CSS는 기능 제약이 적지만 전역 클래스 충돌 위험이 큽니다.

핵심CSS 모듈 소개은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.