핵심 답변
📌 Virtual DOM은 실제 DOM의 가상 복사본입니다. React가 메모리에서 유지하는 가벼운 JavaScript 객체 트리입니다.
📌 쓰는 이유?
실제 DOM 조작은 매우 비슷하다. 상태가 바뀌면:
1.새 Virtual DOM 생성
2.이전 Virtual DOM과 Diffing(비교)
3.바뀌 부분만 실제 DOM에 Patch(업데이트)
→ 불필요한 DOM 조작을 최소화하여 성능을 향상시킵니다.
핵심 용어
📌 Diffing 알고리즘(Reconciliation)React가 이전 Virtual DOM과 새 Virtual DOM을 비교하여 변경된 부분만 찾아내는 과정입니다.
📌 Batch UpdateReact는 여러 상태 변경을 한 번에 모아서 DOM에 반영합니다. 이를 통해 리렌더링 횟수를 줄입니다.
주의사항
Virtual DOM이 항상 실제 DOM보다 빠른 것은 아닙니다. 변경이 적을 때는 실제 DOM 직접 조작이 더 빠를 수 있습니다. Virtual DOM의 장점은 **치솟 객배**과 **코드 유지보수성** 향상에 있습니다.