module.css는 css를 사용할 때 클래스 이름을 고유한 값으로 자동으로 만들어서
컴포넌트 스타일 클래스 이름이 중첩되는 것을 방지해준다.
Button.module.css
.btn {
color: white;
background-color: tomato;
}
import styles from "./Button.module.css";
function Button({ text }) {
return <button className={styles.btn}>{text}</button>;
}
export default Button;
백틱(`) 사용
<button className={`${styles.btn} ${style.font}`}>{text}</button>