리액트에서 Virtual DOM이 무엇인지, 이를 사용하는 이유는 무엇인지 설명해 주세요.

리액트에서 Virtual DOM이 무엇인지, 이를 사용하는 이유는 무엇인지 설명해 주세요.1. DOMDocument Object ModelHTML 문서를 계층 구조의 객체로 표현한 것각 객체를 노드로 여기고, 요소/텍스트/주석 노드로 구분2. 브라우저 렌더링DOM/CSSOMHTML/CSS를 분석하여 DOM/CSSOM 생성렌더 트리DOM에 CSSOM을 부착하여 렌더 트리 구성레이아웃렌더 트리 내 노드의 구조 및 위치 결정리렌더링 시 리플로우라고 표현페인팅렌더 트리 노드에 색칠리렌더링 시 리페인팅이라고 표현위와 같은 렌더링 과정을 CRP(Critical Rendering Path)라고 표현함3. Virtual DOMReact에서 사용하는 가상의 DOM 추상화실제 DOM에서 이뤄져야 할 변경 사항들을 가상 D..

2024.09.07