Virtual DOM

노드 객체들로 구성된 트리 자료구조를 DOM(Document Object Model)이라 한다.

Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제” DOM과 동기화하는 프로그래밍 개념이다.

이 접근방식이 React의 선언적 API를 가능하게 한다. React에게 원하는 UI의 상태를 알려주면 DOM이 그 상태와 일치하도록 도와준다. 이러한 방식은 앱 구축에 사용해야 하는 어트리뷰트 조작, 이벤트 처리, 수동 DOM 업데이트를 추상화한다.

“virtual DOM”은 특정 기술이라기보다는 패턴에 가까우며, React에서 “virtual DOM”은 보통 사용자 인터페이스를 나타내는 객체이기 때문에 React elements와 연관된다. 그러나 React는 컴포넌트 트리에 대한 추가 정보를 포함하기 위해 “fibers”라는 내부 객체를 사용한다. 또한 React에서 “virtual DOM” 구현의 일부로 간주할 수 있다.

출처 : https://velog.io/write?id=52c9c0bc-aedc-4c71-880a-3d2568d5f583