CSS Module을 사용하면 CSS 클래스가 중첩되는 것을 완벽히 방지할 수 있다 CRA로 만든 프로젝트에서 CSS Module을 사용할 땐 CSS 파일의 확장자를. module.css로 설정 .Role { background: black; color: white; padding: 2rem; } 이런 식으로 하나 만들게 되면 해당 CSS 파일을 불러올 때 선언한 클래스 이름들이 모두 고유해진다 고유 CSS 클래스 이름이 만들어지는 과정에서는 파일 경로, 파일 이름, 클래스 이름, 해쉬값 등이 사용될 수 있다 className을 설정할 때에는 import로 불러온 styles 객체 안에 있는 값을 참조해야 함 import React from "react"; import styles from "./Box...