사용자 화면 · 마이페이지

마이페이지 메인 + 로그아웃 모달

MYP-001 · 2026. 03. 04

Description

1	헤더	타이틀 : 마이페이지 우측 아이콘 알림 아이콘 동작 알림 아이콘 클릭 시 알림 목록 화면으로 이동 (화면 ID 써야함) 메시지 아이콘 클릭 시 현재 버전에서는 동작 미확정 추후 채팅 기능 도입 시 메시지 화면으로 연결 예정 UX/예외 메시지 기능이 비활성 상태일 경우 아이콘 비노출
2	프로필 영역	구성 프로필 아이콘 닉네임 표시 우측 화살표 닉네임 형식 : 닉네임#1234 동작 영역 클릭 시 프로필 관리 화면으로 이동 (MYP-002) UX 닉네임은 최대 N자 초과 시 말줄임 처리 (추후 정리 필요) 프로필 이미지 미설정 시 기본 프로필 이미지 노출 비로그인 상태에서는 로그인 안내 문구 노출 문구 : 차트 로그인 하기 마이페이지 > 프로필 관리 영역 클릭 시 로그인 안내 모달(LOG-008) 노출
3	내 활동 영역	구성 구매 내역 판매 내역 찜한 작품 동작 구매 내역 클릭 시 구매 내역 화면으로 이동 (MYP-003~MYP-004) 판매 내역 클릭 시 판매 내역 화면으로 이동 (MYP-005~MYP-006) 찜한 작품 클릭 시 찜한 작품 목록 화면으로 이동 (MYP-007) UX 각 아이콘은 동일한 터치 영역 유지 데이터 존재 여부와 관계없이 항상 진입 가능 데이터 없는 경우 각 화면에서 별도 안내 문구 노출
4	설정/정보 리스트 영역	구성 계정 정보, 알림 설정, 공지사항, 1:1문의, 자주 묻는 질문(FAQ), 약관/정책, 버전 정보, 로그아웃 동작 각 항목 클릭 시 대응 화면으로 이동 로그아웃 버튼 클릭 시, ❺ 모달 노출 버전 정보 비클릭 텍스트 형식 최신 버전일 경우 : vX.X.X (최신버전입니다) 최신 버전이 아닐 경우 : vX.X.X (최신버전이 아닙니다) UX 리스트 항목은 전체 영역 클릭 가능 로그아웃 항목은 하단 배치하여 오동작 방지
5	로그아웃 모달	노출 조건 설정/정보 리스트 영역에서 로그아웃 텍스트 버튼 클릭 시 노출 구성 타이틀 : 로그아웃 안내 안내 문구 : 로그아웃 하시겠어요? 버튼 취소 클릭 시 모달 닫기 마이페이지 유지 로그아웃 클릭 시 로그아웃 처리 사용자 세션 종료 마이페이지 유지 차단 규칙 모달 외 영역 터치 닫기 불가 로그아웃 처리 중 중복 클릭 방지 예외 처리 로그아웃 실패 시 모달 유지 토스트 메시지 노출 로그아웃에 실패했어요. 다시 시도해주세요.
6	공통 규칙	마이페이지는 비로그인 상태에서도 접근 가능 단 아래 메뉴는 로그인 이후 이용 가능 프로필 관리, 내 활동, 계정 정보, 1:1문의 비로그인 상태에서 로그인 필요 메뉴 선택 시 로그인 안내 모달(LOG-008) 노출 로그인 완료 후 선택한 메뉴로 재진입 마이페이지 내 설정/변경 완료 시 성공 여부는 토스트 메시지로 안내 데이터 없음 상태는 오류가 아닌 정상 상태로 처리 안내 문구만 노출 추가 액션 강제 없음