Virtual DOM
·
Browser
Virtual DOM이란? Virtual DOM은 DOM 노드트리를 복제한 자바스크립트 객체입니다. class, style 등의 속성은 가지고있지만, DOM api 속성은 가지고 있지 않습니다. 등장배경: DOM을 직접 조작할 때의 비효율성 Web이 발전하면서 복잡도는 계속해서 증가하고, DOM 조작도 빈번하게 일어나게 됩니다. DOM을 직접 조작하는 것은 Virtual DOM을 이용하는 것에 비해 비효율적이라고 합니다. DOM을 조작하여 발생하는 리플로우, 리페인트 작업에서 발생하는 브라우저의 연산이 많아지기 때문에 비효율적입니다. *예를 들어, 30개의 노드를 수정하면 30번의 리렌더링을 하게 됩니다. 특히 리플로우는 전체 픽셀을 다시 계산하는 과정이기 때문에, 리페인트보다 더 많은 부하가 발생합니다..