와이어프레임 / 35-화면설계 / wireframes / 화면-08-01 개인정보 판매 거부

화면 08-01 · 개인정보 판매 거부 (CCPA Opt-Out) — 와이어프레임

파이프라인 ③단계 · 구조 뼈대(SOT) · as-built(FE 코드 역추출 · Figma 없음) · 클릭 가능(prototype)
출처: arwen-fe: src/views/legal/DoNotSellView.vue (origin/dev) · 허브 노트: 화면설계-08-01-개인정보-판매거부.md
1개 섹션 · 3개 상태 프레임 · 기기 375×812 · 공개(비로그인 가능) · 08(법적고지) 영역·번호 08-01 확정(arwen_docs#530)

▶ 흐름 모드: 요소를 눌러 화면 이동 ▦ 전체 모드: 핫스팟 클릭 시 대상으로 스크롤 ①②③ 요소 번호 = 아래 주석 동작·이동·데이터·규칙·상태 유형 태그

08-01 · 개인정보 판매 거부 (Do Not Sell)

캘리포니아 거주자가 이메일·거주 주와 두 건의 동의로 판매·공유 옵트아웃을 신청하는 공개 폼. 제출하면 서버가 검증 토큰(24h)을 발급하고 검증메일을 보낸다. submitStatus(idle/sent/already)로 세 벌로 그려진다.

개인정보 판매 거부 · 폼(idle)
‹ 개인정보 판매·공유 거부
Do Not Sell or Share My Personal Information 1
옵트아웃 3가지 방법 · 처리 15영업일 · CCPA/CPRA 권리 · 대리인 · 이의신청 · 연락처
Email address (required) 2
State of residence ▾ 3
☐I confirm I am submitting on my own behalf… 4
Additional information (optional) 5
☐I confirm the information is accurate. 6
Submit Opt-Out Request 7
  • 주석 · 폼 (idle)
  • 1요소정적 CCPA/CPRA 법적 고지(영어 하드코딩). 판매 안 함·GA4 sharing 범위·옵트아웃 의미·3가지 방법·처리 기한 등. 규칙고지·폼 라벨은 영어 하드코딩, 결과 패널만 한국어 i18n. #needs-verification
  • 2동작이메일(type=email, 필수). 요청 필드 email(로그인 계정 안내).
  • 3동작거주 주(FormSelect, 미국 50개 주 AL…WY, 필수). 요청 필드 residenceState.
  • 4규칙본인 신청 동의(필수). 전송 페이로드에 미포함 — 프런트 유효성 게이트로만.
  • 5동작추가 정보(선택). 빈 문자열이면 undefined로 전송.
  • 6규칙정확성 동의(필수). 역시 페이로드 미포함, 유효성만.
  • 7데이터제출 → POST /do-not-sell. 응답 alreadyOptedOut=false면 sent, true면 already로 전이. 규칙isFormValid(이메일·주·동의 2) 전엔 비활성. 실패 시 서버 메시지 오류 라벨.
개인정보 판매 거부 · 검증메일 발송(sent)
‹ 개인정보 판매·공유 거부
검증 메일을 보냈습니다 8
name@email.com 9
도움말 센터 10
  • 주석 · 발송 안내
  • 8상태submitStatus='sent' — InfoStatusPanel(이미지+제목+이메일+안내). 결과 패널은 한국어 i18n(legal.doNotSell.*).
  • 9데이터입력한 이메일 표시. 이동사용자가 메일 링크를 누르면 검증 화면([[화면설계-08-02-판매거부-검증]] /do-not-sell/verify)으로(앱 내 내비 아님).
  • 10이동"도움말 센터" 링크(BtnText). 목적지 미확정. #needs-verification
개인정보 판매 거부 · 이미 옵트아웃(already)
‹ 개인정보 판매·공유 거부
이미 옵트아웃되었습니다 11
  • 주석 · 이미 옵트아웃
  • 11상태submitStatus='already' — 동일 이메일이 이미 활성 옵트아웃이면 신규 접수·검증메일 없이 멱등 성공(alreadyOptedOut=true). BE 정책([[web-api-do-not-sell-엔드포인트]]).

as-built 와이어프레임(FE 역추출) · 정본 스펙 화면설계-08-01-개인정보-판매거부.md · 08(legal) 영역·번호·슬롯 DSN(@kh9622) 확정 대기 · Figma 디자인 미작성(조건부 후속).