사용자 화면 · 프라이빗 세일

프라이빗 세일 안내 모달

PRS-004 · 2026. 03. 04

화면 이름 프라이빗 세일 안내 모달
화면 위치 프라이빗 세일 > 안내 모달
화면 ID PRS-004
작성일 2026. 03. 04

프라이빗 세일 구매 등록 취소 안내

프라이빗 세일 구매 등록을 취소 하면
지금까지 작성한 정보가 사라집니다

취소
구매 등록 취소
1

프라이빗 세일 구매 등록 취소 안내

지금 뒤로 가시면
지금까지 작성한 정보가 사라집니다

취소
뒤로가기
2

프라이빗 세일 판매 등록 취소 안내

프라이빗 세일 판매 등록을 취소 하면
지금까지 작성한 정보가 사라집니다

취소
판매 등록 취소
3

프라이빗 세일 판매 등록 취소 안내

지금 뒤로 가시면
지금까지 작성한 정보가 사라집니다

취소
뒤로가기
4
Description
0 화면 접근 조건
  • PRS-002(구매 등록 화면) 또는 PRS-003(판매 등록 화면)에서 다음 조건 시 해당 모달 노출
    • 헤더 "뒤로가기" 클릭 시
    • 하단 "취소" 버튼 클릭 시
  • 모든 화면 위 레이어 방식으로 노출
  • 배경 딤(반투명) 처리
2 구매 등록 취소 모달 — 취소 버튼 클릭 시
  • 구성
    • 타이틀: "프라이빗 세일 구매 등록 취소 안내"
    • 안내 문구: "프라이빗 세일 구매 등록을 취소하면 지금까지 작성한 정보가 사라집니다"
  • 버튼
    • 취소: 모달 닫힘, 기존 화면(PRS-002) 유지, 입력 데이터 유지
    • 구매 등록 취소: 등록 취소 처리, PRS-001 화면으로 이동, 입력 데이터 초기화
3 구매 등록 취소 모달 — 뒤로 가기 버튼 클릭 시
  • 구성
    • 타이틀: "프라이빗 세일 구매 등록 취소 안내"
    • 안내 문구: "지금 뒤로 가시면 지금까지 작성한 정보가 사라집니다"
  • 버튼
    • 취소: 모달 닫힘, 기존 화면(PRS-002) 유지, 입력 데이터 유지
    • 뒤로가기: PRS-001 화면 이동, PRS-002 입력 데이터 초기화
4 판매 등록 취소 모달 — 취소 버튼 클릭 시
  • 구성
    • 타이틀: "프라이빗 세일 판매 등록 취소 안내"
    • 안내 문구: "프라이빗 세일 판매 등록을 취소하면 지금까지 작성한 정보가 사라집니다"
  • 버튼
    • 취소: 모달 닫힘, PRS-003 화면 유지, 입력 데이터 유지
    • 판매 등록 취소: PRS-001 화면으로 이동, PRS-003 입력 데이터 초기화
5 판매 등록 취소 모달 — 뒤로 가기 버튼 클릭 시
  • 구성
    • 타이틀: "프라이빗 세일 판매 등록 취소 안내"
    • 안내 문구: "지금 뒤로 가시면 지금까지 작성한 정보가 사라집니다"
  • 버튼
    • 취소: 모달 닫힘, PRS-003 화면 유지, 입력 데이터 유지
    • 뒤로가기: PRS-001 화면 이동, PRS-003 입력 데이터 초기화
6 공통 규칙
  • 하드웨어 뒤로가기 버튼 클릭 시
    • 기본 팝업 노출 불가
  • 입력 데이터 삭제는 "우측 확인 버튼" 클릭 시에만 수행
  • 서버 요청 실패

Design Output

UI 디자인 산출물

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

프라이빗 세일 구매 등록 취소 안내

프라이빗 세일 구매 등록을 취소 하면
지금까지 작성한 정보가 사라집니다

취소
구매 등록 취소

프라이빗 세일 구매 등록 취소 안내

지금 뒤로 가시면
지금까지 작성한 정보가 사라집니다

취소
뒤로가기

프라이빗 세일 판매 등록 취소 안내

프라이빗 세일 판매 등록을 취소하면
지금까지 작성한 정보가 사라집니다

취소
판매 등록 취소

프라이빗 세일 판매 등록 취소 안내

지금 뒤로 가시면
지금까지 작성한 정보가 사라집니다

취소
뒤로가기
Applied Design Tokens
요소Token값
모달 배경 --bg #FAFAF8 — 직각 (R=0)
딤 오버레이 --charcoal 45% rgba(26,26,26,0.45)
모달 타이틀 --sans · 17px · 700 Pretendard, --charcoal, center, letter-spacing: -0.02em
안내 문구 --sans · 14px · --text-secondary center, line-height: 1.6, letter-spacing: -0.005em
취소 버튼 (좌) rgba(26,26,26,0.06) bg · 50px 직각, --charcoal text, 15px, 600 weight
확인 버튼 (우) --charcoal bg · 50px 직각, #fff text, 15px, 600 weight
버튼 간격 10px gap 좌우 버튼 사이
모달 내부 패딩 32px top/bottom · 24px sides 콘텐츠 영역 마진
Design Description

Update History

2026.03.04초기 디자인 작성
0 화면 접근 조건
  • PRS-002(구매 등록 화면) 또는 PRS-003(판매 등록 화면)에서 다음 조건 시 해당 모달 노출
    • 헤더 "뒤로가기" 클릭 시
    • 하단 "취소" 버튼 클릭 시
  • 모든 화면 위 레이어 방식으로 노출
  • 배경 딤(반투명) 처리
2 구매 등록 취소 모달 — 취소 버튼 클릭 시
  • 구성
    • 타이틀: "프라이빗 세일 구매 등록 취소 안내"
    • 안내 문구: "프라이빗 세일 구매 등록을 취소하면 지금까지 작성한 정보가 사라집니다"
  • 버튼
    • 취소: 모달 닫힘, 기존 화면(PRS-002) 유지, 입력 데이터 유지
    • 구매 등록 취소: 등록 취소 처리, PRS-001 화면으로 이동, 입력 데이터 초기화
3 구매 등록 취소 모달 — 뒤로 가기 버튼 클릭 시
  • 구성
    • 타이틀: "프라이빗 세일 구매 등록 취소 안내"
    • 안내 문구: "지금 뒤로 가시면 지금까지 작성한 정보가 사라집니다"
  • 버튼
    • 취소: 모달 닫힘, 기존 화면(PRS-002) 유지, 입력 데이터 유지
    • 뒤로가기: PRS-001 화면 이동, PRS-002 입력 데이터 초기화
4 판매 등록 취소 모달 — 취소 버튼 클릭 시
  • 구성
    • 타이틀: "프라이빗 세일 판매 등록 취소 안내"
    • 안내 문구: "프라이빗 세일 판매 등록을 취소하면 지금까지 작성한 정보가 사라집니다"
  • 버튼
    • 취소: 모달 닫힘, PRS-003 화면 유지, 입력 데이터 유지
    • 판매 등록 취소: PRS-001 화면으로 이동, PRS-003 입력 데이터 초기화
5 판매 등록 취소 모달 — 뒤로 가기 버튼 클릭 시
  • 구성
    • 타이틀: "프라이빗 세일 판매 등록 취소 안내"
    • 안내 문구: "지금 뒤로 가시면 지금까지 작성한 정보가 사라집니다"
  • 버튼
    • 취소: 모달 닫힘, PRS-003 화면 유지, 입력 데이터 유지
    • 뒤로가기: PRS-001 화면 이동, PRS-003 입력 데이터 초기화
6 공통 규칙
  • 하드웨어 뒤로가기 버튼 클릭 시
    • 기본 팝업 노출 불가
  • 입력 데이터 삭제는 "우측 확인 버튼" 클릭 시에만 수행
  • 서버 요청 실패
← 이전 화면: PRS-003 다음 화면 →