[TIL] 버츄얼 돔과 리얼 돔의 차이

DOM(Document Object Model)은 웹 페이지의 구성 요소들을 트리 구조로 표현한 것이다.
즉, HTML 문서의 각 요소들을 노드로 나타내는 방식이다.

가상 DOM은 실제 DOM의 복사본 형태로, 메모리 상에 존재하는 JS 객체로 이루어져 있다.
가상 DOM의 핵심 장점은 실제 DOM을 직접 조작하는 것보다 훨씬 효율적이라는 점이다.
JS 객체를 변경하는 작업이 훨씬 더 가볍고, 리액트의 버전업데이트로 가상 DOM에서 batch update가 가능해졌는데,
이로 인해 단 한번만의 갱신이 필요하다는 큰 차이가 있다.