CSS 모듈 소개

1

CSS 모듈 개념

CSS 모듈은 CSS 파일을 로드할 때 클래스 이름을 자동으로 고유하게 변환해주는 방식으로, CSS 클래스의 전역 스코프 문제를 해결합니다.

2

CSS 모듈 사용 방법

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

3

CSS 모듈의 장점

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

4

CSS 모듈의 단점 및 고려사항

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