[React] Virtual DOM: 리액트의 핵심 기술
·
JAVASCRIPT
들어가며웹 애플리케이션에서 성능과 효율성을 높이기 위해 React는 Virtual DOM이라는 개념을 도입했습니다. Virtual DOM은 실제 DOM을 추상화한 가상의 DOM 구조로, DOM 업데이트 과정을 최적화하여 빠르고 부드러운 사용자 경험을 제공합니다. 이번 글에서는 Virtual DOM의 정의부터 동작 방식, 장점 그리고 실제 DOM과의 차이점까지 살펴보겠습니다. Virtual DOMVirtual DOM이란?Virtual DOM은 실제 DOM의 가벼운 복사본으로, 메모리에서 동작하는 객체입니다. React는 상태(State) 변화가 있을 떄마가 새로운 Virtual DOM을 생성하고, 변경사항을 감지해 필요한 부분만 실제 DOM에 반영합니다. 간단 예제import React, { useStat..