react 실행흐름 이해하기

0. 리액트엔진 

  데이터변경감지해서 UI그려준다.


1. 실행과정

(index.html) - spa 리액트에서 페이지이동이란 바디의내용을 바꾼다.


package.json에 scripts에 보면 start:에 reacts-scripts start 가 있는데 이게 npm start이다.
npm start를 하면 index.js를 실행한다.
ReactDom.render(
<App />, //2.JSX문법
document.getElementById('root') // public에 index.html파일에 root라는것을 찾아서 <App />를 집어넣는다. 결국 열리는건 index.html이다.
);

 

댓글()
구독