우리 팀 프로젝트 에서의 에러핸들링 (feat. 에러 바운더리)

• 일반적인 에러 처리 방식으로 try/catch, ErrorBoundary, react query의 onError를 사용하며, 이번에는 ErrorBoundary를 이용해 에러 처리를 진행한다.

• 공식 프로젝트에서는 커스텀 에러 코드를 사용하여 에러를 구분하고 처리하고 있다.

• 에러 처리를 위해 ErrorBoundary를 사용하여 중앙 집중식 에러 핸들링을 시도하고, FallbackErrorBoundary와 LogicErrorBoundary 두 개의 ErrorBoundary로 관심사를 분리하여 관리한다.

• 커스텀 에러 코드를 사용하여 발생한 에러를 구분하고, 서버 문제, 런타임 환경, API 요청, 네트워크 문제 등 다양한 상황에서 에러를 처리할 수 있도록 구현한다.