[노마드코더] CRA에서 CSS적용하는 새로운방법

노마드코더 강의를 보고

 

CRA 환경에서 CSS를 적용하는 새로운 방법을 알게되었다.

 

전체 button에 css를 적용하는게 아니고 내가 원하는 button에만 css를 적용하는 방법 중의 하나이다.

 

 

일단 

css파일 이름을 Button.module.css로 하고

.btn {
  background-color: tomato;
  color: white;
}

 

Button 컴포넌트로 가서

 

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

이렇게 파일 불러오고

 

적용하는 방법은 이렇게 하는거다.

<button className={styles.btn}></button>;

 

이렇게 이용하면 css를 컴포넌트처럼 원하는곳에서 사용할수 있다.