Virtual DOM과 브라우저 렌더링 과정 이해하기

Virtual DOM 실제 DOM을 추상화한 가상의 DOM 트리 실제 DOM은 비용이 많이 들기 때문에 고안된 게 Virtual DOM 실제 DOM의 복사본으로 Javascript 객체이고, React나 Vue에서 이 가상 DOM을 사용해서 UI를 조작하고 업데이트 실제 DOM 조작이 최소화되어 성능을 향상시키고 사용자 경험을 개선 증분 렌더링UI의 변경사항이 발생할 때 전체 UI를 다시 렌더링하는 대신, 이전 상태와의 차이를 계산하여 변경된 부분만을 업데이트하는 기술이전 Virtual DOM과 새로운 Virtual DOM을 비교하여 변경된 부분만을 실제 DOM에 반영UI 업데이트를 최적화 하는데 사용React.js에서 Virtual DOM과 함께 핵심 개념 브라우저 작동 원리예시로 google.com을..
Web/Frontend 2024. 5. 15. 17:58
1