와이어프레임 · 저충실도 · 화면 5/N (P0)

시그니처 · 위시리스트 관리

통합 후원 플랫폼(가칭) 기획서 §03 시그니처·위시리스트 기준 — 크리에이터가 아이템을 등록하는 화면. 후원 페이지의 “시그니처” 탭에서 도너가 보는 상품 카드는 이 화면에서 등록한 데이터입니다.
이 화면은 스튜디오 셸의 콘텐츠 영역입니다. 사이드바(21개 메뉴)·전역 헤더(모드 전환·🔴 LIVE 배지·🔔 알림)·저장 바는 스튜디오 셸 와이어프레임에서 정의하며 여기서는 그리지 않습니다. 설정값은 편집 시 미리보기에만 반영되고, 저장해야 송출에 반영됩니다(§00 저장 원칙).
핵심 통합 지점. 위시리스트(최대5개, 이름+고정가+이미지+메시지)와 시그니처(고정가+연출+프로모션)를 하나의 gift_items 테이블로 합친 화면입니다. “배너 노출”과 “후원페이지 노출”을 항목별 독립 체크박스로 둬서, 크리에이터가 “이걸 시그니처로 할지 위시리스트로 할지” 고민하지 않게 만드는 게 이 화면의 핵심 설계 목표입니다.
1
등록된 아이템
+ 아이템 추가
이미지이름가격노출 위치사용
📌
화쓰임당 50,000 배너후원페이지
✎
☰
계정 컨설팅 20,000 배너후원페이지
✎
☰
응원 문구 읽기 5,000 배너후원페이지
✎
2
배너 설정
배너 URL복사/열기
노출 개수3개
전환 효과슬라이드
표시/전환 시간30초 / 1.0초
리스트 공유
공유 URL복사
전체선택 / 선택해제button
개수 복사button
3
아이템 상세(편집 패널 예시 — “화쓰임당” 선택 시)
아이템명 / 이미지text / upload
고정 가격50,000 캐시
요청 메시지 / 감사 메시지text × 2
배너 표시 스타일테마 갤러리(4종)
연출(고급, 선택)Fade In/Out · 알림음 · 볼륨
할인 이벤트 / 더블 이벤트OFF · 10% / OFF

주석 — 기획서 필드 대응표

#영역필드타입옵션 값 / 제약사항입력 예시
아이템 목록 테이블
1목록정렬 핸들 / 고정(pin)drag handle / flag toggle드래그로 순서 변경, 고정(📌) 시 목록 최상단 고정 — 여러 개 동시 고정 가능"화쓰임당" 고정
1목록이미지file upload정사각형 권장, jpg/png/gif, 5MB 이하"item.png"
1목록이름text최대 20자"화쓰임당"
1목록가격number + 캐시정수, 최소 100, 상한 없음50,000
1목록노출 위치checkbox × 2배너 위젯 표시 / 후원페이지 시그니처탭 표시 — 둘 다 체크 가능, 둘 다 해제 시 비공개 아이템배너 ON, 후원페이지 ON
1목록사용 여부toggleOFF 시 도너에게 노출되지 않지만 데이터는 보존ON
1목록등록 개수 제한readonly(정책값)기본 제한 없음 — 위시리스트의 “최대 5개” 제약을 해제, 추후 등급별 차등 적용 가능(미결정)현재 3개 등록됨
아이템 상세 편집
3상세아이템명 / 이미지text / file upload이름 최대 20자, 이미지 정사각형 권장 5MB 이하"화쓰임당"
3상세고정 가격number + 캐시정수, 최소 10050,000
3상세요청 메시지 / 감사 메시지text × 2각 최대 50자 — 요청메시지는 도너 입력 안내 문구, 감사메시지는 후원 완료 후 자동 노출 문구"어떤 곡을 원하시나요?" / "감사합니다!"
3상세배너 표시 스타일프리셋 그리드(검색 + 필터칩 + 정렬select + 즐겨찾기 + 페이지네이션)클래식 골드 / 모노 카드 / 리본 배지 / 네온 글로우 4종 중 선택. goal-widget.html·subtitle-widget.html과 동일한 테마 갤러리 패턴 재사용"클래식 골드" 선택
3상세연출(고급)toggle + Fade In/Out(select) + 알림음(upload) + 볼륨(slider)기본 OFF(전역 통합 후원알림 프리셋을 그대로 사용) — 켜면 이 아이템 전용 연출로 overrideOFF
3상세할인 이벤트toggle + number(%)기본 OFF, 할인율 1~90% 범위 기본 10%OFF (10%)
3상세더블 이벤트toggle기본 OFF — 켜면 후원 시 동일 아이템을 2배 수량 지급(가격은 그대로)OFF
배너 설정
2배너배너 URLreadonly + 복사/열기/새로고침OBS 브라우저 소스 등록용 고정 URLhttps://…/widget/items-banner
2배너배너 이미지 소스select(전체입력) + number(개수) + checkbox(이미지꽉채우기)노출 위치를 “배너”로 체크한 아이템 중 지정 개수만큼 자동 롤링3개 자동 롤링
2배너배너 전환 효과radio슬라이드 / 페이드 — 기본 슬라이드"슬라이드"
2배너배너 표시/전환 시간slider × 2(초)표시시간 5~60초 기본 30초, 전환시간 0.3~2.0초 기본 1.0초30초 / 1.0초
리스트 공유
2공유리스트 공유 URLreadonly + 복사시청자에게 공개하는 전체 아이템 목록 페이지(로그인 불필요)https://…/c/:slug/items
2공유전체선택 / 선택해제 / 개수복사button노출 항목 일괄 제어, "개수복사"는 등록된 아이템 수를 클립보드로 복사(방송 중 안내용)"3개" 복사
통합 후원 플랫폼(가칭) · 와이어프레임 v2 · 저충실도 · 기준 문서: 통합 플랫폼 기획서 §03 시그니처·위시리스트 · v2: 필드별 타입·옵션·제약·입력예시 상세 스펙 추가 · 2026-08-11 · v7(2026-08-19): 등록된 아이템 목록의 행 구분선이 어긋나 보이던 문제 수정 — 노출 위치 셀(.chkpair)에 display:flex가 걸려 td의 table-cell이 해제돼 있었습니다. 셀은 table-cell로 되돌리고 정렬은 내부 span의 inline-flex로 처리