더북(TheBook)

9.1 CSS Module

 

CSS Module은 CSS를 모듈화하여 사용하는 방식입니다. CSS 클래스를 만들면 자동으로 고유한 클래스네임을 생성하여 스코프를 지역적으로 제한합니다. 모듈화된 CSS를 webpack으로 불러오면 다음과 같이 사용자가 정의한 클래스네임과 고유화된 클래스네임으로 구성된 객체를 반환합니다.

{
  box: ‘src-App_ _box--mjrNr’
}

 

그리고 클래스를 적용할 때는 className = {styles.box} 방식으로 사용하죠.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.