Virtual DOM이 무엇이고 왜 빠른가요?

실제 DOM을 본뜬 가벼운 객체로, 바뀐 부분만 골라 실제 DOM에 반영합니다.

Virtual DOM은 실제 DOM을 흉내 낸 자바스크립트 객체입니다. 상태가 바뀌면 새 가상 DOM을 만들어 이전 것과 비교(diffing)하고, 실제로 달라진 최소한의 부분만 DOM에 적용합니다. 비싼 DOM 조작을 줄여 성능을 높입니다.

핵심 포인트

• 변경 전후를 diff
• 실제 DOM 조작 최소화
• 항상 빠른 건 아니고 잦은 갱신에 유리