가상dom

React 작동 원리 - 가상 DOM(Document Object Model)

리액트 프레임워크를 구성하는 3요소는 가상DOM, JSX, 컴포넌트이다. 이중 가상 DOM부터 알아보겠다. react 와 react-dom 리액트 플젝의 경우, 항상 react와 react-dom이 필요하다. react는 컴포넌트와 jsx, 리액트 훅 등 렌더러에 무관한 기능 (= 환경과 무관하게 공통 사용하는기능) 을 제공 react-dom은 앱이 동작하는 환경에 종속적인 기능을 제공하는데 특화된 패키지 다음과 같은 구조라고 보면 된다. XML 마크업 언어를 사용한다. document.createElement(요소); --xml요소를 만듬 document.appendChild(부모요소); --xml에서 부모요소의 자식 요소를 가리킬 때 사용 document.getElementById(아이디명); --x..