Virtual DOM이란? DOM 조작은 비싸고 개발자가 수동으로 DOM을 최적화하기 번거롭기 때문에 메모리에 있는 가짜 DOM 을 먼거 고치고 수정 된 부분만 내려주는 방식. 브라우저 화면에 보이는 모든 UI는 DOM 트리 구조로 표현됩니다.하지만, 이 DOM을 직접 바꾸는 건 꽤 무겁고 느린 작업이됩니다. 1. 동작 방식 - 화면을 다시 그려야 할 때 React는 새로운 Virtual DOM 트리를 만듬- 이전 Virtual DOM과 비교를 해 어떤 부분이 바뀌었는지 찾음- 바뀐 부분만 실제 DOM에 반영 시킴 2. 장단점구분징점단점성능큰 UI 중 일부만 바뀌어도 효율적으로 업데이트 가능작은 UI에서 오히려 비교 연산 오버헤드 발생사용자 경험부드럽고 끊김 없는 화면 제공 (우선순위 조정, 배칭 ..
