React 시작 - css 사용하기

index.js파일안에 import를 살펴보면 ./index.css가 있다

 

경로를 찾아가 보도록하자

 

이렇게 index.js에 import 되어있는 css는 현재 index.html에 전체 css라 볼 수 있다. (아직까지 짐작에는 index.js는 html로 진입 전에 값을 받는 도구라고 생각된다 마치 스프링에서는 디스패처서블릿 같은 존재? 또는 컨트롤러 같은 존재같다)

 

그리고 index.js에서 컴포너트 값을 받은 App.js또한 css를 가지고있는걸 확인 할 수 있는데

 

이곳의 css는 컴포넌트의 디자인이 된다. 아래에 컴포넌트 값들에 css를 심어주는 import라 생각하면 된다.