REACT · ERROR
렌더 오류 격리 경계
Error Boundary는 렌더링 중 발생한 오류를 하위 트리 안에서 잡아 fallback UI로 전환해 전체 앱 붕괴를 막습니다.
핵심 구조
boundary
parent tree
정상 앱 영역 유지
boundary
하위 렌더 오류 감지
broken child
오류가 난 서브트리 격리
fallback
복구 안내 UI 표시
parent tree
→
boundary
→
broken child
→
fallback
판단 기준
check
렌더 오류
렌더링, lifecycle, constructor 오류를 잡습니다.
이벤트 예외
이벤트 핸들러 내부 오류는 직접 try/catch가 필요합니다.
위치 선정
페이지, 패널, 위젯 단위로 경계를 나눕니다.
복구
reset key나 재시도 버튼으로 다시 렌더링하게 합니다.