[React] 가상 DOM 알아보기
DOM은 Document Object Model의 약자입니다. DOM은 HTML 요소를 객체(Object)로 만들어 브라우저가 문서 구조에 접근하는 것을 돕는 역할을 합니다. 한마디로 DOM은 문서의 모든 요소를 정의하고, 각 요소에 접근하는 방법을 제공합니다. DOM을 렌더링 하는 과정 브라우저는 서버가 보내준 HTML 파일을 해석(Parsing)해 DOM 트리를 만든다. 브라우저는 서버가 보내준 CSS 파일을 해석(Parsing)해 CSSOM 트리를 만든다. DOM 트리와 CSSOM 트리를 결합한 렌더트리를 만든다. 렌더트리로 각 객체의 위치와 크기를 계산한 레이아웃을 만든다. 레이아웃이 완성되면 요소를 실제 화면에 구현한다. DOM의 문제점 새로운 요청이나 변경사항이 있을 때마다 전체를 다시 렌더링..
