Skip to content

[feature] MOA-646 Sentry 통합 에러바운더리 및 전역 에러 핸들링 설정 #1193

@seongwon030

Description

@seongwon030

🗓️ 마감일

2026-02-14

🙋 담당자(Assignee)

seongwon030

🎟️ 상위 스토리 (Story Key)

MOA-644

🌳 브랜치명 (Branch)

feature/error-Boundary-sentry-integration

🧭 분기할 브랜치 선택

develop-fe

📝 상세 내용(Description)

React 에러바운더리를 도입하여 런타임 에러로 인한 앱 크래시를 방지하고, Sentry와 연동하여 에러 모니터링 체계를 구축

✅ 체크리스트(Tasks)

작업 내용

  • Sentry ErrorBoundary 컴포넌트 설정
  • 전역 ErrorBoundary 적용 (App.tsx)
  • TanStack Query 에러 처리 설정 (useErrorBoundary 활성화)
  • 에러 폴백 UI 컴포넌트 작성

적용 범위

  • App 전체 (최상위)
  • TanStack Query 설정

참고

  • Sentry는 이미 설치되어 있음 (@sentry/react v9.18.0)

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions