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