가상 DOM

Virtual DOM

가상 DOM은 React, Vue.js, Elm과 같은 선언적 웹 프레임워크에 사용되는 DOM(Document Object Model)을 경량 JavaScript로 표현한 것이다.[1]가상 DOM 업데이트는 js를 통해 실제 DOM을 업데이트하는 것보다 비교적 빠르다.따라서 프레임워크는 가상 DOM에 대해 불필요한 변경을 비교적 저렴하게 할 수 있다.그런 다음 프레임워크는 이전 가상 DOM과 현재 DOM의 차이를 찾아내고, 실제 DOM에 필요한 변경만 한다.[2][3]

Svelte는 가상 DOM을 가지고 있지 않으며, 그것의 창조자인 Rich Harris는 가상 DOM을 "순수 오버헤드"[4]라고 부른다.

관련 기법으로는 Ember.js의 Glimer와 Angul의 증분 DOM이 있다.[5][6]

참조

  1. ^ "Beginning Elm". Elm Programming. Retrieved 2020-12-11.
  2. ^ "Virtual DOM and Internals – React". reactjs.org. Retrieved 2020-12-11.
  3. ^ "React: The Virtual DOM". Codecademy. Retrieved 2020-12-11.
  4. ^ Dec 27 2018, Rich Harris Thu. "Virtual DOM is pure overhead". svelte.dev. Retrieved 2020-12-11.
  5. ^ google/incremental-dom, 2020-12-08, retrieved 2020-12-11
  6. ^ "React Virtual DOM vs Incremental DOM vs Ember's Glimmer: Fight". Auth0 - Blog. Retrieved 2020-12-11.
Stub icon

이 컴퓨터 용품은 단조롭다.위키피디아를 확장하여 도울 수 있다.