사용자 화면 · 홈

알림 내역

HOM-004 · 2026. 02. 02

화면 이름알림 내역
화면 위치홈 > 알림 내역
화면 IDHOM-004
작성일2026. 02. 02
HOM-004
Description
0화면 접근 조건
  • 홈 화면 우측 상단 알림 아이콘 클릭 시 본 화면으로 이동함
  • 로그인 사용자만 접근 가능
  • 비로그인 사용자 접근 시 처리
    • 비로그인 사용자가 홈 화면에서 알림 아이콘 클릭 시
      • 로그인 안내 모달(LOG-008) 노출
    • LOG-008에서 로그인 완료 시
      • HOM-004(알림 내역) 화면으로 이동
    • LOG-008에서 취소/닫기 시
      • 기존 화면(홈) 유지
1헤더
  • 뒤로가기 버튼과 화면 타이틀 '알림'으로 구성됨
  • 뒤로가기 버튼 클릭 시 이전 화면(홈 화면)으로 이동함
    • 뒤로 가기 버튼 클릭 시, 전체 읽음 처리
2읽지 않은 알림 내역
  • 사용자가 아직 확인하지 않은 알림 목록 영역
  • 읽지 않은 알림은 읽은 알림과 시각적으로 구분되는 배경 색상으로 노출됨
    • (※ 배경 색상 값은 추후 디자인에서 정의)
  • 알림 유형에 따라 상단에 알림 카테고리 라벨이 노출될 수 있음
    • (예: 소식, 찜 작품 알림, 공지사항, 혜택 등)
  • 알림 클릭 시 해당 알림에 연결된 랜딩 페이지로 이동함
  • 알림을 클릭하는 즉시 해당 알림은 '읽음' 상태로 변경됨
3읽은 알림 내역
  • 사용자가 이미 확인한 알림 목록 영역임
  • 읽은 알림은 기본 배경 스타일로 노출됨
  • 알림 유형 및 내용 구성은 읽지 않은 알림과 동일함
  • 알림 클릭 시 연결된 랜딩 페이지로 이동함
4토스트 메세지 정의
  • 알림 클릭 시 연결된 랜딩 페이지가 존재하지 않는 경우
    • 토스트 메시지 노출
      • 이동할 페이지가 없습니다
  • 토스트 메시지는 화면 하단에 노출되며, 자동으로 사라짐
5공통 규칙
  • 알림 내역은 최신 알림이 상단에 노출되는 리스트 구조임
  • 알림 내역은 스크롤 방식으로 전체 목록을 확인할 수 있음
  • 알림 읽음/안 읽음 상태는 서버 기준으로 관리됨
  • 알림 내 개별 항목은 삭제 기능 없이 누적 노출 방식으로 구성함
HOM-003목록으로HOM-005