← 질문 목록
#106깊이 0
변경점을 비교하면 언제 비용이 줄어드는가?
메모리의 트리에서 변경점을 모아 실제 노드 갱신 횟수를 줄일 때 이득이다. 비교와 재조정 비용보다 직접 DOM 조작 비용이 클 때 효과가 난다.
| 기준 | 가상 트리 비교 | 직접 DOM 갱신 |
|---|---|---|
| 강점 | 선언적 일괄 반영 | 작은 변경에 단순함 |
렌더링마다 화면 전체를 다시 그리는 것은 아니다. 프레임워크는 이전 트리와 새 트리를 비교해 필요한 DOM 변경만 커밋한다.
업데이트가 작고 구조가 단순하면 직접 조작이 더 싸다. 가상 트리는 무조건 빠른 기술이 아니라 상태 기반 UI를 예측 가능하게 만드는 절충이다.
추천 꼬리질문
관련 질문
- 리렌더링이 필요 이상으로 도는 이유는?프론트엔드변경점 비교를 통한 리렌더링 최적화는 불필요한 리렌더링을 줄이는 핵심 개념을 공유한다.
- 계산 단계와 반영 단계를 왜 나누는가?프론트엔드계산과 반영을 나누어 변경점만 효율적으로 처리하려는 성능 최적화의 목적을 공유한다.
- 목록 항목의 정체성을 어떻게 보존하는가?프론트엔드항목의 정체성이 보존되어야 변경점을 정확히 비교하여 렌더링 비용을 줄일 수 있다.
- 계산 결과와 함수 참조는 언제 기억해야 하는가?프론트엔드변경점 비교 비용을 줄이기 위해 계산 결과와 함수 참조를 기억(memoization)하는 기법을 사용한다.
- 이미지를 고쳐도 조금만 받는 이유는?인프라 · 보안변경분만 다시 만들고 전송한다는 같은 원리를 다룬다