React에서 CSS 적용하기

1. css 파일 만들고 import

---

2. css 모듈
className임의로 생성해서 css가 global이 아닌 lcoal
작은 프로젝트에 유용

이름 뒤에 .module 붙여서 사용
ex) Header.module.css

- 단점 
className 기억해서 사용해야 함
- 사용하려면 [" "]
ex) styles["navList"];

 

---

3. styled-components
다운로드
yarn add styled-components

css 초기화 
yarn add styled-reset

withRouter
다른 컴포넌트를 감싸는 컴포넌트
Router에게 정보를 준다
어떤 컴포넌트와도 연결 가능