React : module css (전체 적용되는/컴포넌트별 css)

전체 적용되는 CSS

App.js 상단에 아래처럼 css를 import하면 head에 <style></style>로 박히게 된다.

import "./App.css";

---

컴포넌트별 css

컴포넌트 상단에 아래처럼 css를 import하면 컴포넌트별로 적용이 된다. (그래서 동일한 이름으로 들어가도 중복되지 않아 편리하다.)
파일명은 해당컴포넌트.module.css로 짓는 게 일반적이다.

import styles from "./Hello.module.css";

---

출처 : 코딩앙마