React.js
-
[React] Virtual DOM(가상돔)React.js 2022. 8. 2. 23:49
1.먼저 DOM(The Document Object Model)부터 알아보자 DOM이란 XML이나 HTML 문서에 접근하기 위한 인터페이스 이고 스트립트 언어가 각각의 요소에 접근하는 방법을 제공합니다. 그리고 이것은 W3C의 표준 객체 모델이며 트리구조를 가지고 있습니다. 결국 DOM은 HTML또는 XML을 스크립팅언어(자바스크립트)와 서로 이어주는 역할을 합니다. 2. 가상돔 등장 배경 먼저 브라우저 렌더링 과정을 알아 보겠습니다. 1)DOM tree 생성 -렌더 엔진이 HTML을 파싱하여 DOM 노드로 이루어진 트리생성 2)render tree 생성 - css파일과 inline 스타일을 파싱 DOM + CSSOM = 렌더 트리를 생성 3)layout - 각 노드들의 스크린에서의 좌표에 따라 위치결정..