virtual dom2 Virtual DOM vs Incremental DOM React에 익숙하다면 Virtual DOM이라는 개념에 대해 한 번쯤 들어봤을 것이다. Virtual DOM은 UI 성능을 향상시킴으로써 React의 인기에 기여한 주요 역할 중 하나이다. Angular가 2019년에 새로운 Renderer Angular Ivy를 출시했을 때 많은 사람들이 Virtual DOM 대신 Incremental DOM이라는 개념을 선택한 이유를 궁금해했다. 여전히 Angular는 Incremental DOM을 사용 중이며, Angular가 이러한 선택을 한 이유에 대해 궁금해 할 것이다. Incremental DOM을 알아보기 전, 먼저 Virtual DOM에 대해 알아보자. Virtual DOM 동작 방식 Virtual DOM는 UI 가상 표현을 메모리 상에 두고 재조정(R.. 2022. 1. 16. Virtual DOM, 가상 돔 이란? DOM(Document Object Model) 웹 페이지나 웹 앱에 있는 HTML 요소들을 구조적으로 표현한 것이다. DOM은 애플리케이션의 전체 UI를 나타내며 트리 데이터 구조로 표현된다. 여기에는 Web Document에 있는 각 UI 요소에 대한 노드가 포함된다. 웹 개발자가 JavaScript를 통해 콘텐츠를 수정할 수 있기 때문에 매우 유용하다. 또한 구조화된 형식으로 되어 있어 특정 대상을 선택할 수 있고, 모든 코드 작업이 훨씬 쉬워지기 때문에 많은 도움이 된다. DOM의 문제점 DOM은 트리 구조로 되어 있어서 이해하기 쉽지만, 노드의 수가 많아질 수록 속도가 느려지고, DOM 업데이트에 잦은 오류를 발생시킬 수 있다. 또한, 최근 모던 웹은 SPA(Single Page Applicat.. 2022. 1. 14. 이전 1 다음 반응형
