[FE] 에러 발생 시 지역적인 error boundary를 사용할 수 있도록 에러 처리 방식 개선

[pakxe]

📄 설명

에러 처리에서 local error boundary(펄백 컴포넌트)를 사용해야할 때가 있습니다. 예로는 초기 페이지를 렌더링할 때 GET으로 받아오는 데이터 로드에 실패했을 경우가 있습니다. 이럴 땐 재시도를 하기 위해 '다시 시도하기'버튼이 있는 펄백 컴포넌트를 띄워주는 것이 현재의 토스트 방식보다는 나을 것 같습니다.
따라서 이런 경우를 위해 에러 처리 방식에 local error boundary 사용이 가능하도록 구현합니다.

• 예전 방식

  • 토스트
  • unhandledErrorBoundary

• 개선 방식

  • 토스트
  • unhandled error boundary
  • local error boundary <- NEW 🆕‼️

🏁 할 일

• 커스텀 에러 객체 추가하기
• throwOnError 설정 켜기
• queryClient에 분기문 추가하기
• 의도대로 동작 하는지 테스트

🫡 참고사항

개선 방식 흐름 계획도는 다음과 같습니다.