용어 사전 coding 용어 페이지

부분 갱신

전체를 다시 그리지 않고 필요한 조각만 업데이트하는 전략

partial-update #ui#javascript

English version

다른 이름

선택적 업데이트부분 렌더

선수 개념

관련 개념

렌더 함수 DocumentFragment 오류 상태

핵심 아이디어

부분 갱신은 상태가 변한 항목의 DOM 노드만 찾아 교체하거나 패치합니다. 리스트 전체를 다시 렌더하지 않으므로 레이아웃 비용이 줄고, 해당 요소에 걸린 포커스나 애니메이션도 유지할 수 있습니다.

이 블로그에서의 역할

Mathbong의 패턴 단원은 렌더 함수와 부분 갱신을 세트로 가르치며, 패턴 카탈로그의 기본 항목으로 삼습니다. 이를 통해 대시보드나 카드 뷰에서도 성능과 일관성을 동시에 챙길 수 있습니다.

이 개념을 다루는 글

[JavaScript 시리즈 14편] 재사용 가능한 UI 패턴과 렌더 함수 설계 반복되는 DOM 조작을 줄이는 렌더 함수, 상태-뷰 분리, 패턴 카탈로그 작성을 다룹니다.[JavaScript Series 14] Design reusable UI patterns and render functions Cut repeated DOM work by creating render helpers, keeping your data separate from how it looks, and organizing common UI patterns.