- 리액트 에러 핸들링의 중요성: 예상 및 예상치 못한 에러 모두 다뤄야 함 💡
- 예상 에러 처리: try-catch 대신 에러 메시지 반환으로 사용자에게 직접적으로 전달 ✉️
- 예상치 못한 에러 처리: 에러 경계(Error Boundary) 사용으로 애플리케이션 전체 충돌 방지 🛡️
- 에러 경계(Error Boundary): 컴포넌트 트리의 특정 부분 감싸서 에러 격리, 사용자 경험 개선 📦
- 비동기 에러 처리:
showBoundary
함수 이용, 에러 경계에 비동기 에러 전달 🔄 - 커스텀 에러 경계 vs.
react-error-boundary
라이브러리: 라이브러리 사용 추천 (콜백 함수 제공 등 추가 기능) 🧰 - 클래스 컴포넌트의 지속적인 활용: 에러 경계 구현에 여전히 유용 👩💻