반응형 Virtual DOM1 Virtual Dom, DOM조작횟수를 줄여서 리렌더링을 줄여보자! Virtual Dom 요약 : 여러번 렌더링할것을 한번에 렌더링한다. SPA로 인해 DOM 복잡도가 증가하고 최적화, 유지보수가 어려워졌다. DOM을 반복 조작할수록 렌더링횟수가 늘어나고, PC 리소스 소모가 많아진다. => DOM 조작횟수를 줄여보자! 이러한 문제점의 해결방안으로 Virtual DOM 이 등장하였다. Virtual Dom의 작동방식을 소개하기에 앞서 브라우저에서의 렌더링 순서를 간략하게 살펴보자. 브라우저의 렌더링 순서 1. HTML을 파싱하여 DOM 트리가 생성되고, CSS를 파싱하여 스타일 규칙이 생성된다. 2. 새로운 렌더트리가 생성된다. 3. 레이아웃과정을 거친다. 레이아웃 과정에서는 각 노드들이 위치해야할 화면의 좌표가 주어진다. 4. 그리기(Painting) : 트리의 각 노.. 2021. 11. 4. 이전 1 다음 반응형