Virtual DOM

가상돔

Virtual DOM이란?

말 뜻대로 가상돔으로 어떤 상호작용이 일어나 웹페이지 구성요소에 변화가 필요할 때 브라우저 DOM에 직접 접근하여 반영하는 것이 아니라 가상돔에서 접근 후 변화가 필요한 곳에 렌더링한다.

즉, 가상의 돔에서 변화가 필요한 곳만 확인 후 렌더링하여 DOM의 조작을 최소화해 성능 문제와 관련있다.

DOM이란?

The Document Object Model, 문서 객체 모델

객체지향 표현으로, 웹페이지를 스크립트나 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할

DOM은 문서(웹페이지)에 프로그래밍 언어가 접근할 수 있게 도와준다.

Virtual DOM의 작동원리

1. 데이터가 업데이트 되면 전체 UI를 Virtual DOM에 렌더링
   
2. BrowserDOM과 비교 -> diffing 이라고한다.
   
3. 바뀐 부분을 렌더!