리액트 입문

리액트를 실행하면 브라우저가 실행되면서 이런 그림이 나온다. 

이 그림은 어디서 나온 것이냐면 public/index.html 에 있는 <div id="root"></div> 이 보여지고 있는 것이다.

저 div는 src/index.js에 있는 App 에서 가지고 온 것이다. 

import App from './App'; 에서  './App'은 .은 현재 디렉토리를 의미하고 뒤에 .js가 생략이 돼있다. 

App.js로 가보면

이런 식으로 돼있으며 App.js는 App.css가 적용돼있는 상태이다.