사용자 화면 · 마이페이지

알림 설정

MYP-009 · 2026. 03. 04

화면 이름 알림 설정
화면 위치 마이페이지 > 알림 설정
화면 ID MYP-009
작성일 2026. 03. 04
9:41
알림 설정
앱 푸쉬 알림 받기
마케팅, 광고성 정보 알림 수신 동의
시스템 알림 수신 동의
거래 알림 수신 동의
찜한 작품 상태 변경 수신 동의
1
2
Description
0 화면 접근 조건
  • 알림 설정은 로그인/비로그인 사용자 전체 접근 가능
1 헤더 영역
  • 구성
    • 뒤로가기 버튼
    • 타이틀: 알림 설정
  • 동작
    • 뒤로가기 버튼 클릭 시
      • 마이페이지 메인(MYP-001)으로 이동
2 앱 푸쉬 알림 세부 설정
  • 공통 규칙
    • 기기(iOS) 설정이 OFF 상태인 경우
      • 모든 알림 토글은 비활성화 상태로 노출
      • 알림 설정에서 해당 기기 알림 설정 안내 노출
    • 기기 알림 OFF 상태에서 토글 ON 시도 시
      • 시스템 알림 안내 팝업 노출
      • 기기 설정으로 이동하는 버튼 제공
      • 확인 시, 기기 설정 앱으로 이동
  • 앱 푸쉬 알림 ON 이면
    • 앱 푸쉬 알림 받기 토글을 활성화 가능
    • 상세 알림 항목의 개별 설정 가능
      • 마케팅, 광고성 정보 알림 / 시스템 알림 / 거래 알림 / 찜한 작품 상태 변경 수신 동의
  • 비로그인 사용자인 경우
    • 기기 알림 ON 상태
    • 앱 주요 알림 받기 토글은 활성화 가능
    • 거래 알림 수신 동의
    • 찜한 작품 상태 변경 수신 동의
  • 마케팅 수신 동의 알림
    • 최초 가입 시 마케팅 수신 동의 미체크 시 OFF 상태로 저장
  • 토글 ON 시
    • 마케팅 수신 동의 처리
    • 서버 사용자 정보에 마케팅 수신 동의 값 동시 업데이트
  • 토글 OFF 시
    • 마케팅 수신 동의 철회
    • 서버 사용자 정보에 즉시 반영
3 토스트 메시지 정의
  • 알림 설정이 변경되었습니다
  • 마케팅 수신 동의 변경 시
    • 마케팅 알림 수신이 동의되었습니다
    • 마케팅 정보 수신이 해제되었습니다
  • 로그인 필요 알림 클릭 시
    • 로그인이 필요합니다
4 공통 규칙
  • 기기(iOS) 설정 OFF 시 전체 비활성
  • 앱 내 알림 설정에서는 알림 수신 불가
  • 로그인 상태에 따라 설정 가능한 알림 항목 분기 처리
  • 모든 알림 설정 변경 시 서버 즉시 반영
  • 앱 재실행 시에도 유지됨

Design Output

UI 디자인 산출물

위 스토리보드 기획을 CHAART OS 디자인 토큰으로 변환한 결과물. 실제 구현 시 참조할 최종 디자인.

9:41
알림 설정
MYP-009
앱 푸쉬 알림 받기
마케팅, 광고성 정보 알림 수신 동의
시스템 알림 수신 동의
거래 알림 수신 동의
찜한 작품 상태 변경 수신 동의
Applied Design Tokens
요소Token값
전체 배경 --bg #FAFAF8
헤더 뒤로가기 chevron-left · square/miter --charcoal, 20px, 1.5px stroke
헤더 타이틀 --sans · 17px · 700 Pretendard, --charcoal, ls: -0.02em
토글 항목 텍스트 --sans · 15px · 500 Pretendard, --charcoal, ls: -0.01em
토글 ON 배경 --charcoal #1A1A1A, 직각 (R=0)
토글 OFF 배경 rgba(26,26,26,0.12) 비활성 상태, 직각 (R=0)
토글 핸들 #fff · 20x20 직각 핸들, ON=right / OFF=left
토글 트랙 사이즈 44x24px 터치 타겟 44px 확보
리스트 구분선 rgba(26,26,26,0.06) 1px solid, 항목 간 분리
좌우 패딩 24px 전체 콘텐츠 마진
항목 상하 패딩 16px 각 토글 행의 상하 여백
Paper-Catalog Hero --paper + linen CHRT 모노그램 각인, 레드 악센트 바
Design Description

Update History

2026.03.04초기 디자인 작성
0 화면 접근 조건
  • 알림 설정은 로그인/비로그인 사용자 전체 접근 가능
1 헤더 영역
  • 구성
    • 뒤로가기 버튼
    • 타이틀: 알림 설정
  • 동작
    • 뒤로가기 버튼 클릭 시
      • 마이페이지 메인(MYP-001)으로 이동
2 앱 푸쉬 알림 세부 설정
  • 공통 규칙
    • 기기(iOS) 설정이 OFF 상태인 경우
      • 모든 알림 토글은 비활성화 상태로 노출
      • 알림 설정에서 해당 기기 알림 설정 안내 노출
    • 기기 알림 OFF 상태에서 토글 ON 시도 시
      • 시스템 알림 안내 팝업 노출
      • 기기 설정으로 이동하는 버튼 제공
      • 확인 시, 기기 설정 앱으로 이동
  • 앱 푸쉬 알림 ON 이면
    • 앱 푸쉬 알림 받기 토글을 활성화 가능
    • 상세 알림 항목의 개별 설정 가능
      • 마케팅, 광고성 정보 알림 / 시스템 알림 / 거래 알림 / 찜한 작품 상태 변경 수신 동의
  • 비로그인 사용자인 경우
    • 기기 알림 ON 상태
    • 앱 주요 알림 받기 토글은 활성화 가능
    • 거래 알림 수신 동의
    • 찜한 작품 상태 변경 수신 동의
  • 마케팅 수신 동의 알림
    • 최초 가입 시 마케팅 수신 동의 미체크 시 OFF 상태로 저장
  • 토글 ON 시
    • 마케팅 수신 동의 처리
    • 서버 사용자 정보에 마케팅 수신 동의 값 동시 업데이트
  • 토글 OFF 시
    • 마케팅 수신 동의 철회
    • 서버 사용자 정보에 즉시 반영
3 토스트 메시지 정의
  • 알림 설정이 변경되었습니다
  • 마케팅 수신 동의 변경 시
    • 마케팅 알림 수신이 동의되었습니다
    • 마케팅 정보 수신이 해제되었습니다
  • 로그인 필요 알림 클릭 시
    • 로그인이 필요합니다
4 공통 규칙
  • 기기(iOS) 설정 OFF 시 전체 비활성
  • 앱 내 알림 설정에서는 알림 수신 불가
  • 로그인 상태에 따라 설정 가능한 알림 항목 분기 처리
  • 모든 알림 설정 변경 시 서버 즉시 반영
  • 앱 재실행 시에도 유지됨
← 이전 화면: MYP-008 다음 화면: MYP-010 →