Virtual DOM

Virtual DOM 이란?

• DOM 을 추상화한 가상의 객체
• Virtual DOM 은 수정사항이 여러 가지가 있더라도 한 번만 렌더링을 일으킨다.

DOM

• DOM 은 문서 객체 모델이라고 하는데 결국은 브라우저에서 다룰 HTML 문서를 파싱하여 문서의 구성요소들을 객테로 구조화하여 나타낸 것입니다.

Why?

• DOM 을 반복적으로 직접 조작하면 그 만큼 브라우저가 렌더링을 자주하게 되고, 그 만큼 PC 자원을 많이 소모하게 되는 문제를 해결하기 위한 기술이다.
• Virtual DOM 은 DOM 이 생성되기 전, 이전 상태 값과 수정사항을 비교하여 달라진 부분만 DOM 에게 한 번에 전달해서 딱 한 번만 렌더링을 진행하기 때문에 보다 효율적이다.