File map

첫 앱은 세 파일의 연결을 따라가면 보인다

index.html의 빈 자리, index.js의 연결, App.js의 JSX가 합쳐져 브라우저에 첫 화면을 만듭니다.

01 public

index.html

브라우저가 처음 받는 HTML입니다. root div가 React 화면이 들어갈 빈 자리입니다.

02 src entry

index.js

root 요소를 찾아 <App />을 렌더링하도록 React에게 지시합니다.

03 component

App.js

지금 화면에 보이는 문구와 태그를 반환합니다. 입문 실습에서는 이 파일을 가장 자주 수정합니다.

수정 지점

App.jsreturn 안 JSX

스타일 지점

App.css를 import하면 컴포넌트에 적용