반응형 virtual dom1 virtual dom 이란? virtual dom 을 설명하는 가장 유명한 동영상. Virtual dom 이 왜 나왔을까? dom 의 동작 과정을 먼저 알아봐야겠네요. DOM의 동작 과정 (1) DOM Tree 생성 : 브라우저가 전달 받은 HTML DOM으로 변환 (2) Render Tree 생성 : css 등 스타일 요소 attach DOM Tree와 같게 Render Tree 생성 (3) Layout : 각 노드들이 어디에 나타야할지 스크린 좌표 계산 (4) Paint : 랜더링 된 요소에 색을 입히는 과정 DOM에 변화생기면, 렌더트리를 재생성하고 (그러면 모든 요소들의 스타일이 다시 계산됩니다) 레이아웃을 만들고 페인팅을 하는 과정이 다시 반복되는거죠. 복잡한 SPA(싱글 페이지 어플리케이션) 에서는 DOM 조작이 많이 발.. 2021. 6. 23. 이전 1 다음 728x90 반응형
