Diffing Algorithm
-
[React] Virtual DOM, React Diffing AlgorithmcodeStates front-end/React 2023. 3. 22. 19:04
HTML 삽입 미리보기할 수 없는 소스 📌 리액트 심화 📍Virtual DOM React는 UI의 상태를 추적하고 변화가 일어난 요소들을 빠르게 업데이트 할 수 있도록 가상의 DOM 객체를 활용한다. Real DOM (Document Object Model) DOM은 문서 객체 모델은 의미, 문서 객체란? 브라우저가 JS와 같은 스크링팅 언어가 html 태그들에 접근하고 조작할 수 있도록 문서를 트리 구조로 객체화 한 것을 의미한다. 즉, DOM은 브라우저가 HYML 문서를 조작할 수 있도록 트리 구조화한 객체 모델이다. DOM의 조작 속도가 느려지는 이유 트리는 "저장된 데이터를 더 효과적으로 검색"을 위해 사용, 그러므로 트리구조 된 DOM은 탐색속도는 빠르다. 그러나 DOM이 변경되고 업데이트 된다..