리액트 스타일링

1. 태그에 직접 지정하기

2. 일반 css파일로 적용하기

3. styled-compenet css모듈로 적용하기

4.public폴더에 css디자인

1. 태그에 직접 디자인을 적용 할 때는 {}로 묶어줍니다

• css속성중 - 은 카멜표기법으로 대체됩니다.

style={{css속성: 값, css속성: 값}}

<p style={{color: 'white', textAlign: 'center'}}>안녕하세요!!</p>

css파일 이름 규칙

컴포넌트의 이름을반드시 포함해서 만듭니다

EX) App.js - App.css

2. 일반CSS문법으로 디자인을 해주면 되고 import로 가져오면 됩니다.