DOM과 가상 DOM(virtual DOM)의 차이

• 가상 DOM을 이용하면 실제 DOM 에 변화를 바로 적용하는 것보다 전체적인 프로세스를 효율적으로 수행할 수 있다.
• 효율적이다 = " 전체적인 프로세스에 드는 비용이 적다 "

• 속도 차원의 문제라기  보다는, 연산 횟수 차원의 문제라고 할 수 있다.
• 우선 각각의 DOM  조작은 레이아웃 변화, 트리변화 및 렌더링을 일으킨다.
• 가상 DOM을 사용하지 않으면 변화가 있을때마다 DOM 조작이 일어나고 이에 대한 연산이  수행 되며 렌더링 되기 때문에 변화를 적용할 때 드는 비용이 비교적 크다.
• 가상 DOM을 이용하면 일종의 '오프라인 ' DOM 트리 (이는 렌더링 되지 않는다  ->  연산 비용이 적다) 에 변화를 적용 한뒤 그 변화를 하나로 묶어서 한번에 실제 DOM에  전달하기 때문에 연산 횟수가  줄어들고 변화에 대한 비용이 비교적 작다.