DOM은 Document Object Model을 말합니다.
실제 DOM
웹페이지의 구조를 나타내는 객체 모델입니다.
웹페이지의 각 요소(태그, 속성, 텍스트 등)에 대한 정보와 이들의 관계를 표현합니다.
실제 DOM을 직접 수정하면 화면에 바로 반영이 됩니다.
하지만 실제 DOM을 변경할 때 마다 페이지 전체가 다시 렌더링 되는 경우가 있어서 성능에 문제가 생길 수 있습니다.
가상 DOM
실제 DOM을 추상화 한 개념으로 리얼돔과 유사한 특성을 가지지만 메모리 내에 존재합니다.
가상 DOM을 변경하면 메모리에서 변경이 일어나기 때문에 실제 DOM을 직접 수정하는것보다 빠릅니다.
변경된 가상 DOM과 이전 가상 DOM을 비교하여 최소한의 변경사항을 찾아낸 다음 그 변경사항만을 실제 DOM에 반영합니다. 이렇게 하면 불필요한 렌더링을 줄일 수 있어 성능이 향상됩니다.
