목록DOM (1)

늘 겸손하게

React - Virtual DOM과 작동원리

DOM이란? Document Object Model의 축약어로 브라우저에서 다룰 HTML을 파싱하여 이해하기 쉽게 트리 구조로 표현한 객체입니다. DOM은 웹 페이지의 객체 지향 표현이고, 자바스크립트와 같은 스크립팅 언어를 이용해 DOM을 수정할 수 있습니다. 기본적으로 자바스크립트에는 DOM을 조작할 수 있는 DOM API들을 제공합니다. Virtual DOM이란? 위의 DOM을 추상화한 객체입니다. DOM을 추상화한 가벼운 사본을 메모리에 만들어 놓은 것. DOM 추상화 이유 DOM을 반복적으로 직접 수정하면 수정이 일어날때마다 브라우저 렌더링이 일어나게되고, 변경점이 없는 부분까지 리렌더링되어 PC 자원을 낭비하게됩니다. 이 문제를 해결하기 위해 DOM을 추상화합니다. 작동원리 변경사항이 있을때 ..
Programming/React 2022. 7. 17. 20:42
이전 Prev 1 Next 다음