react 실행흐름 이해하기
프론트엔드/리액트-데어프로그래밍 강좌정리2021. 7. 21. 13:31
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이다.
);
'프론트엔드 > 리액트-데어프로그래밍 강좌정리' 카테고리의 다른 글
react useState (0) | 2021.07.21 |
---|---|
react 배열 수정하기(map과 spread응용) (0) | 2021.07.21 |
react 배열(map, filter, slice, concat, spread연산자) (0) | 2021.07.21 |
react 기본문법 (0) | 2021.07.21 |
react 설치 및 세팅 (0) | 2021.07.21 |
댓글()