Virtual DOM

박재민·2021년 4월 8일
0

DOM의 정의는 문서의 구성요소들을 객체로 구조한 것 React는 UI 라이브러리이며 React DOM은 웹 사이트에 출력 즉, render를 도와주는 모델이다.

Virtual DOM은 DOM을 추상화한 가상의 객체를 메모리에 만들어 놓은 것이다. 즉 DOM을 직접 수정하지 않고 중간단계 Virtual DOM을 거치게 하는 것이다. 프로세스는 Virtual DOM에 변경 내역을 모아 실제 DOM과 변경된 부분이 어딘지 차이를 판단하고 변경된 부분만 변경해 그에 따른 렌더링을 한번만 하는 것이다. 이는 브라우저의 DOM 자체내의 리소스를 사용하지 않고도 효율적으로 DOM을 갱신할 수 있게 해준다.

profile
동료를 소중히 생각하는 개발자입니다.

0개의 댓글