Virtual DOM

Virtual DOM 이란

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

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

virual DOM은 브라우저 API 위에 있는 JS라이브러리에서 구현되는 개념이다.