📌 react에서 각각의 컴포넌트들 안에 className이 동일하고, css style 파일이 쪼개져 있는 경우,

맨 마지막에 import 된 style로 덮여씌워진다.

이때 필요한 것이 Post CSS!!

<aside> 💡

1. css 파일에 module 을 추가

   ex) Button.css → Button.module.css

2. import 하는 파일에서 객체 이름 만들어서 불러오기

ex) import styles from “./Button.module.css”

1. className에서 “ ”스트링 문자열이 아닌 객체로 불러오기

   ex) className=”button” → className={styles.button}

</aside>

📌 className 여러개 쓰고 싶을 때,

<div className={styles.title} />
.
.
.

<div **className={`${styles.title} ${styles.main_title}`}** />