virualDOM (1) 썸네일형 리스트형 React - 3 [React 구동원리] 기초 리액트 설명 강의 중에 간단히하기 위해서 이렇게 css파일들을 없애고 APP.js 와 index.js 파일의 코드 내용을 간소화 시켰습니다. 현재 동작중이지만 아무것도 안보입니다. App.js 코드를 위와 같이 바꾸면 웹을 재실행 하지 않아도 알아서 refresh해주며 값이 바뀝니다. 해당하는 div의 위치를 살펴보면 body안에 div id = "root" 인 박스안에 div가 들어있음을 알수 있다. 하지만 index.html을 들어가보면 그런 코드는 존재하지 않는다. 즉, react는 빈 웹페이지에서 돌아가는 즉시 필요한 모든 요소들을 구성해낸다. JS로 그러한 요소들을 만들고 html에 요소들을 밀어넣는다. react는 div id="root"라는 박스안에 모든것을 밀어넣는다. 보다 시피 Re.. 이전 1 다음