Skip to content

feat: 알림 화면(007) 구현 — 유도 배너·알림 카드 6종·Empty·오류 안내 #83

Description

@dbqls200

🚀 Description

알림 탭(007) 전체 화면 구현. 범위가 크므로 추후 세분화(카드 종류별/상태별)해서 하위 이슈로 분리할 수 있으나, 우선 트래킹용 상위 이슈로 등록한다.

포함 범위: 알림 유도 배너 · 알림 리스트(카드 6종) · 시간 구분 · Empty state · 저장 오류 안내 화면.

✅ TODO

007-1-1 알림 비활성 (유도 배너)

  • 알림 미허용 사용자에게만 표시되는 유도 배너
  • 설정 바로가기 → 시스템 알림 설정 화면 이동
  • 닫기 → 7일 후 재표시

007-1-2 알림 활성 (알림 카드 6종)

  • 중복 저장: '이미 저장해둔 곳 이에요' + 장소 이름 → 장소 상세 이동
  • 오류 저장: '장소를 저장하지 못했어요' + '잠시 후 다시 시도해주세요'
  • 위치 기반 리마인드: '근처에 저장한 장소가 있어요' + 장소 이름 (반경 3km, 복수 시 대표 알림 → 알림함에서 개별 표시)
  • 코멘트 기반 리마인드: '코멘트가 제일 많이 달린 장소에요' + 장소 이름
  • 공동방 참가 알림(1): '{참가자}님이 들어왔어요' + 공동방 이름 → 방 이동
  • 공동방 참가 알림(2): '방에 참가했어요' + 공동방 이름 → 방 이동
  • 카드 탭 → 각 목적지 라우팅
  • 시간 구분: 1시간 미만 '방금' / 24시간 미만 'N시간' / 7일 미만 'N일' / 그 이상 'N월 N일'

007-1-3 Empty state

  • '받은 알림이 없어요' 문구 + 스팟 일러스트레이션

007-2 저장 오류 안내 화면

  • '게시글 저장 시 오류 조건 또는 기술적 한계 명시' 문구 + 스팟 일러스트레이션

공통

  • MVI 배선 + reduce 테스트(L1~L3)
  • DS 컴포넌트 재사용 확인 (알림 카드가 기존 MH* 와 매칭되는지)
  • 백엔드 미연동 구간은 UseCase 스텁 + TODO 주석

📸 Screenshot(optional)

007-1-1 / 007-1-2 / 007-1-3 Empty / 007-2 저장 오류 안내

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions