Feat: ErrorBoundary로 에러를 처리한다

[Kim-DaHam]

개요

react-error-boundary를 사용하여 GlobalErrorBoundary, ApiErrorBoundary 영역을 분리해 에러를 처리합니다.

작업사항

• GlobalErrorFallback.tsx 생성
• ApiErrorFallback.tsx 생성
• Error.tsx 생성
  • 페이지 컴포넌트의 경우 type='page', 페이지 이하 단위 컴포넌트의 경우 type='component' props를 받아 조건부 css를 적용합니다.

기타

현재 GlobalErrorboundary 및 PortfolioList.tsx 컴포넌트의 ApiErrorBoundary를 적용했으며, 추가 컴포넌트도 에러 핸들링을 계속해서 등록할 예정입니다.