react의 골격

1. src\App.js

App.js 에 hello 를 넣으면

 

 

2. public\index.html

public\index.html의

HERE! 자리에 hello 가 들어간다.

 

3. src\index.js

이 원리는 src폴더의 index.js에 담긴 코드가 렌더해주기 때문이다.

당연히,

 document.getElementById('root') 의

root를 변경해주면 에러가 뜬다.

 

 

관리자 도구에는 hello가 있는 것처럼 보이지만, 실제로 소스코드를 확인해보면 없다.

 

 

 

*이것이 바로 react 가 빠른 이유다.

react는 소스코드에 바로 html을 넣지 않고 html에서 html을 추가하거나 제거하는 법을 알고 있다. 

 

*virtual DOM 이다.

 

github.com/uhj1993/movie_app_2021