Skip to content

[FEAT] 에러/로딩 상태 페이지 Lottie 애니메이션 적용 #130

Description

@kimminna

🛠️ 만들고자 한 기능 설명

전역 에러(500), 404, 로딩 등 상태 페이지에 공통 StatusScreen 컴포넌트와 LottiePlayer를 도입하여 Lottie 애니메이션 기반 상태 화면을 구현합니다. global-error.tsx, [locale]/error.tsx, not-found.tsx, loading.tsx를 정비하고 lottie-react 의존성을 추가합니다.

✅ TODO LIST

  • LottiePlayer, StatusScreen 공통 컴포넌트 구현
  • global-error.tsx — 전역 에러 처리 및 Sentry 연동
  • [locale]/error.tsx — 500 에러 페이지 적용
  • [locale]/not-found.tsx — 404 페이지 적용
  • [locale]/loading.tsx — 로딩 애니메이션 중앙 배치
  • [locale]/[...rest] catch-all 라우트 추가
  • en.json / ko.json에 Error 관련 번역 추가
  • lottie-react 의존성 추가

⏰ 예상 작업 기간

1일

📝 참고 링크(선택)

🗣️ ETC(선택)

📸 피그마 스크린샷

Metadata

Metadata

Assignees

Labels

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions