사용자 화면 · 마이페이지

판매 내역 — 마켓

MYP-005 · 2026. 03. 04

화면 이름 판매 내역 - 마켓 탭

화면 위치 마이페이지 > 판매 내역

화면 ID MYP-005

작성일 2026. 03. 04

9:41

판매 내역

마켓

프라이빗 세일

작품명

작가명

작품 타입

문의 중

12,345,678 원

작품명

작가명

작품 타입

거래 진행 중

12,345,678 원

작품명

작가명

작품 타입

배송 중 (픽업 대기)

12,345,678 원

판매 등록

9:41

판매 내역

마켓

프라이빗 세일

마켓 판매 내역이 없습니다

판매 등록

Description

0	화면 접근 조건	판매 내역은 로그인 사용자만 접근 가능 비로그인 상태에서 마이페이지 > 판매 내역 클릭 시 로그인 안내 모달(LOG-009) 노출 로그인 완료 후 구매 내역 화면으로 이동
1	헤더 영역	구성 뒤로가기 버튼 타이틀: 판매 내역 동작 뒤로가기 버튼 클릭 시 마이페이지(메인)(MYP-001)으로 이동
2	탭 영역	구성 탭 2종 마켓 프라이빗 세일 기본 상태 처음 진입 시 '마켓' 탭 기본 선택 동작 탭 선택 시 선택된 탭 기준으로 구매 내역 리스트 갱신
3	판매 내역 리스트	노출 조건 선택된 탭(마켓)에 판매 내역 데이터가 존재하는 경우 리스트 구성 작품 썸네일 이미지 / 작품명 / 작가명 / 작품 타입 / 거래 상태 뱃지 / 구매 금액 거래 상태 노출 규칙 거래 상태는 내역 상태값 기준으로 노출 판매 중 문의 중 배송 중 신뢰 상태 노출: 배송 중(발송), 감수 중, 픽업 대기, 정산 완료 거래 진행 중 거래를 클릭한 경우, 판매 비활성화 거래 취소 하나의 정보(날짜 + 내역)의 상세정보 노출 상태 뱃지에는 사유(가격 수정)만 노출 리스트 아이템 동작 리스트 아이템 전체 영역 클릭 시 작품 상세 페이지로 이동 (MKT-013)
4	판매 요청	구성 버튼: 판매 등록 노출 조건 로그인 상태에서 항상 노출 판매 요청 데이터 유무와 관계없이 유지 플로팅 형태로 하지에 유지 동작 버튼 클릭 시 판매 요청 플로우로 이동 (화면 ID 추후 정의)
5	구매 내역 없음 화면	노출 조건 선택된 탭(마켓)에 판매 내역 데이터가 없는 경우 노출 문구 마켓 판매 내역이 없습니다 Empty 상태 동작 규칙 Empty 상태에서도 등 전환 가능 판매 등록 버튼도 유지
7	토스트 메시지 정의	판매 내역 로딩 실패 시 판매 내역을 불러오지 못했어요. 잠시 후 다시 시도해주세요. 네트워크 오류 발생 시 "네트워크 오류"잠시 후 다시 시도해주세요
8	공통 규칙	구매 내역은 조건 전용 화면 갱신(현재 가격)은 불가 비로그인 접근 시 로그인 안내 모달 노출 후 로그인 유도 마이페이지 접근 시 오류가 아닌 정상 상태 추가 행동 규제 없음 본 화면은 마이페이지 공통 규칙(MYP-001)을 따른다

Design Output

UI 디자인 산출물

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

9:41

판매 내역

마켓

프라이빗 세일

작품명

작가명

작품 타입

문의 중

12,345,678 원

작품명

작가명

작품 타입

거래 진행 중

12,345,678 원

작품명

작가명

작품 타입

배송 중 (픽업 대기)

12,345,678 원

판매 등록

9:41

판매 내역

마켓

프라이빗 세일

마켓 판매 내역이 없습니다

판매 등록

Applied Design Tokens

요소	Token	값
전체 배경	`--bg`	#FAFAF8
헤더 타이틀	`--sans` · 17px · 700	Pretendard, `--charcoal`, ls: -0.02em
탭 활성	`--charcoal` · 700 · 2px underline	비활성: `--text-muted` · 500
작품 썸네일	`--paper` + linen	72x72, CHRT 워터마크
작품명	`--sans` · 14px · 700	`--charcoal`, ls: -0.01em
작가명	`--sans` · 12px · `--text-secondary`	#555555
작품 타입	`--mono` · 11px · `--text-muted`	TASA Orbiter, ls: 0.02em
상태: 문의 중	`--orange-50` · 600	#FF6F00
상태: 거래 진행 중	`--blue-50` · 600	#2563EB
상태: 배송 중	`--green-50` · 600	#16A34A
가격	`--sans` · 14px · 700	`--charcoal`
판매 등록 CTA	`--charcoal` bg · 50px	직각 (R=0), 14px · 600 · #fff
빈 상태 문구	`--sans` · 14px · `--text-muted`	중앙 정렬
좌우 패딩	24px	전체 콘텐츠 마진

Design Description

Update History

2026.03.04초기 디자인 작성

0	화면 접근 조건	판매 내역은 로그인 사용자만 접근 가능 비로그인 상태에서 마이페이지 > 판매 내역 클릭 시 로그인 안내 모달(LOG-009) 노출 로그인 완료 후 구매 내역 화면으로 이동
1	헤더 영역	구성 뒤로가기 버튼 타이틀: 판매 내역 동작 뒤로가기 버튼 클릭 시 마이페이지(메인)(MYP-001)으로 이동
2	탭 영역	구성 탭 2종 마켓 프라이빗 세일 기본 상태 처음 진입 시 '마켓' 탭 기본 선택 동작 탭 선택 시 선택된 탭 기준으로 구매 내역 리스트 갱신
3	판매 내역 리스트	노출 조건 선택된 탭(마켓)에 판매 내역 데이터가 존재하는 경우 리스트 구성 작품 썸네일 이미지 / 작품명 / 작가명 / 작품 타입 / 거래 상태 뱃지 / 구매 금액 거래 상태 노출 규칙 거래 상태는 내역 상태값 기준으로 노출 판매 중 문의 중 배송 중 신뢰 상태 노출: 배송 중(발송), 감수 중, 픽업 대기, 정산 완료 거래 진행 중 거래를 클릭한 경우, 판매 비활성화 거래 취소 하나의 정보(날짜 + 내역)의 상세정보 노출 상태 뱃지에는 사유(가격 수정)만 노출 리스트 아이템 동작 리스트 아이템 전체 영역 클릭 시 작품 상세 페이지로 이동 (MKT-013)
4	판매 요청	구성 버튼: 판매 등록 노출 조건 로그인 상태에서 항상 노출 판매 요청 데이터 유무와 관계없이 유지 플로팅 형태로 하지에 유지 동작 버튼 클릭 시 판매 요청 플로우로 이동 (화면 ID 추후 정의)
5	구매 내역 없음 화면	노출 조건 선택된 탭(마켓)에 판매 내역 데이터가 없는 경우 노출 문구 마켓 판매 내역이 없습니다 Empty 상태 동작 규칙 Empty 상태에서도 등 전환 가능 판매 등록 버튼도 유지
7	토스트 메시지 정의	판매 내역 로딩 실패 시 판매 내역을 불러오지 못했어요. 잠시 후 다시 시도해주세요. 네트워크 오류 발생 시 "네트워크 오류"잠시 후 다시 시도해주세요
8	공통 규칙	구매 내역은 조건 전용 화면 갱신(현재 가격)은 불가 비로그인 접근 시 로그인 안내 모달 노출 후 로그인 유도 마이페이지 접근 시 오류가 아닌 정상 상태 추가 행동 규제 없음 본 화면은 마이페이지 공통 규칙(MYP-001)을 따른다

← 이전 화면: MYP-004 다음 화면: MYP-006 →