리액트 앱에서의 중앙 집중식 API 에러 핸들링

이 글은 React 애플리케이션에서 API 오류를 중앙 집중식으로 처리하는 방법을 다룹니다. Redux, Apollo 등 다양한 상태 관리 라이브러리와 상관없이 API 오류를 일관되고 확장 가능한 방식으로 관리하는 방안을 제시합니다.

RESTful API 및 GraphQL API 모두에 적용 가능하며, 클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR) 환경 모두에서 재사용할 수 있는 접근 방식을 소개합니다. 이를 통해 사용자에게 노출될 수 있는 404, 403, 500과 같은 API 오류 응답을 효과적으로 처리하여 애플리케이션의 안정성과 유지보수성을 높이는 것을 목표로 합니다.