DOM은 크게 보면 웹브라우저가 HTML을 인식하는 방식인데요.
HTML등 구조적 문서를 트리기반으로 재구성해서 이걸 접근하고 조작할 수 있는 api를 제공합니다. 이걸 통해 자바스크립트와 같은 언어로 다양한 문서를 생성하고 조작할 수 있는거죠.
브라우저렌더링.
브라우저에서 html 코드를 읽고
렌더엔진이 html문서를 파싱해서 돔트리를 생성
css 파일, inline 스타일을 파싱해서 cssom이 만들어지는데
이렇게 만들어진 돔트리 + css dom 결합해서 렌더트리가 생긴다.
렌더트리는 시각적인 구조를 나타낸다.레이아웃 단계(reflow). 우리가 보여줄 요소들이 위치 (포지션,.사이즈)계산등.. 하고 마지막으로 화면에 그리는 repaint 과정.
그래서 뭐 간단히 삭제하고. 뭔가 좋아요를 누르고 이럴때마다 이 과정을 계속 거치는 것이 빡세다. 효율적으로 할 수 있는 방법이 없을까?
가상돔
개발이 싫어.