728x90
Virtual DOM은 실제 DOM(Document Objet Model)의 추상화된 복사본으로, 실제 DOM의 변경을 추적하고 변경이 필요할 때만 실제 DOM에 적용하여 성능을 최적화하는 기술이다. 웹 애플리케이션은 보통 사용자와 상호작용하며 동적으로 변경되는데, 이때 DOM의 변화가 많아지면 성능 문제가 발생할 수 있기 때문에 Virtual DOM을 사용하여 웹 애플리케이션의 성능을 향상시킬 수 있다.
동작 방식은 다음과 같다.
Virtual DOM 생성 -> 초기 렌더링 -> 상태 변경 감지(React나 Vue를 통해) -> Virtual DOM 갱신(이전 가상 DOM과 새 DOM 간의 차이점을 계산) -> Virtual DOM 비교(어떤 부분이 업데이트 되어야 하는지 결정) -> 실제 DOM 갱신 -> 렌더링 결과 업데이트
728x90
'CS(Computer Science)' 카테고리의 다른 글
| React Router의 주요 기능과 사용법 (0) | 2024.03.25 |
|---|---|
| React Hooks는 무엇이며, 어떻게 사용되는가? (0) | 2024.03.25 |
| IaaS, PaaS, SaaS 특징과 차이점 (0) | 2023.10.27 |
| 내 컴퓨터와 Github 연결하기 (0) | 2023.10.20 |
| [스터디] 데이터베이스의 정규화 (0) | 2023.04.18 |