React 스타일 속성 넣기

1. 인라인 스타일 넣기

카멜케이스로 쓰는것! 생각하기

<h1
	style = {{
    	color: "#f00",
        borderRight: "12px solid #000",
        marginBottom: "50px",
        opacity: 1,
    }}
>

사실 App.css 는 app component에만 적용되는게 아님!

각 컴포넌트들이 head안에 들어가기 때문에 모든 페이지에 css겹침 현상이 나타남!!

각 페이지에 맞게 component 작성하는 법

css 모듈 사용하기!
파일생성

App.module.css 파일 작성

갖다 붙일 js 파일에

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

로 작성

박스 내부에

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

//className="box" 였던 것

로 작성