error boundary는 자식 트리에서 렌더링 중에 발생한 JavaScript 오류를 잡아내어, 앱 전체가 충돌하는 대신 fallback UI를 보여주고 오류를 로깅할 수 있는 컴포넌트입니다.
jsx
{
state = { : };
() {
{ : };
}
() {
(error, info);
}
() {
.. ? : ..;
}
}
<>
</>
✅ 잡는 것: render, 생명주기 메서드, 그리고 그 아래 컴포넌트의 생성자에서 발생한 오류.
❌ 잡지 못하는 것:
try/catch를 사용하세요).setTimeout) — render 흐름 바깥에 있습니다.react-error-boundary 라이브러리를 사용하세요).