| # | 영역 | 필드 | 타입 | 옵션 값 / 제약사항 | 입력 예시 |
|---|
| 1 | 테마 갤러리 | 테마 검색 신규 | text | 테마 이름 부분일치, 입력 즉시 그리드 필터링 | "스타모션" 입력 |
| 1 | 테마 갤러리 | 스타일 필터 신규 | chip 단일선택 | 전체/미니멀/이펙트 등 — 운영자가 테마 등록 시 태그 부여 | "이펙트" 선택 |
| 1 | 테마 갤러리 | 정렬 신규 | select | 인기순(기본, 사용 크리에이터 수 기준) / 최신순(등록일) / 이름순 | "인기순" |
| 1 | 테마 갤러리 | 즐겨찾기 그룹 신규 | card group(조건부 노출) + ★ 토글 | 즐겨찾기한 테마가 1개 이상일 때만 그리드 최상단에 별도 섹션으로 고정 노출 — 검색·필터와 무관하게 항상 최상단 | "기본", "스타모션" 즐겨찾기됨 |
| 1 | 테마 갤러리 | 전체 테마 페이지네이션 v8 신규 | ‹ › 버튼 + N/M 페이지 표시 | 5열×2줄(10개) 고정 그리드로 한 페이지 구성, 내부 스크롤 대신 페이지 이동으로 탐색 — 짧은 고정높이 박스에서 스크롤바가 작고 조작하기 어렵다는 이슈로 스크롤→페이지네이션 전환(v8) | "1 / 2" |
| 1 | 테마 갤러리 | 위젯 스타일 파라메트릭(parametric) | radio, 5열 고정 그리드(페이지네이션) | 기본 / 기본한줄 / 심플 — 진행률 숫자가 항상 가변이라 완성형 그림 대신 그래프 형태+색상 조합 유지(§00 “테마 공급 방식 분류” 참고). 채팅창과 동일 컴포넌트 재사용. v8: 설정 패널 폭을 미리보기보다 넓게(1fr : 미리보기 360px 고정) 조정하고, 목록은 내부 스크롤 대신 페이지네이션으로 전환(검색·필터 바는 상단 고정) | "기본" |
| 1 | 그래프 형태 | 형태 선택 | radio(아이콘) × 6 | 바 / 원 / 하트 / 별 / 반원 / 반원(역) | "바" |
| 1 | 그래프 형태 | 그래프 굵기 | slider(px) | 10~60px, 기본 20px(바 형태 기준) | 20 |
| 1 | 그래프 형태 | 그래프 배경색 | preset swatch × 12 + hex × 3(그라디언트) | 시작~끝 2색 그라디언트, 기본 #39BA51 → #46E65A | #39BA51 → #46E65A |
| 1 | 그래프 형태 | 바 색상 / 바 배경 색상 | color × 2 | 단색형 대안, 기본 #519CFF / #FFFFFF | #519CFF |
| 1 | 그래프 형태 | 배경 애니메이션 | checkbox | 기본 ON — 진행 채움에 은은한 움직임 효과 | ON |
| 상세 설정 — 목표 지표 |
| 2 | 목표 지표 | 지표 선택 | checkbox(연동 플랫폼별 반복) | 연결된 채널마다 선택 가능한 지표가 다름 — 예: 치지직은 치즈/시청자수, 후원 캐시는 공통 | 치지직: "치즈" 선택 |
| 2 | 목표 지표 | 시작값 / 최대값 | number × 2 | 정수, 시작값 ≤ 최대값, 최대값은 1 이상 | 0 ~ 8,000 |
| 2 | 목표 지표 | 산정 기간 | datetime range | 시작일시~종료일시 지정, 미지정 시 무기한(수동 초기화 전까지) | 2026-08-11 ~ 2026-08-18 |
| 상세 설정 — 텍스트 · 위치 |
| — | 텍스트·위치 | 텍스트 위치 | radio | 위 / 가운데(기본) / 아래 / 두줄 | "가운데" |
| — | 텍스트·위치 | 목표 제목/내용 텍스트 | text + 퍼센트/기본텍스트 버튼 | 기본값 템플릿 {목표종류} / {목표값}/{최대값}{단위}, 최대 40자 | "치즈 목표 {목표값}/{최대값}개" |
| — | 텍스트·위치 | 달성 비율(%) 표시 | toggle | 기본 ON | ON |
| — | 텍스트·위치 | 텍스트 외곽선 표시 | toggle | 기본 ON | ON |
| 상세 설정 — 배경 · 애니메이션 / 동작 옵션 |
| — | 동작 옵션 | 시작일 / 자동증가 / 반복효과 / 완료효과 / 자동초기화 | checkbox × 5 | 반복효과 기본 ON, 나머지 기본 OFF — 자동초기화 ON 시 산정 기간 종료 후 값이 0으로 리셋 | 반복효과 ON |
| 위젯 라이브러리 마켓플레이스 버전(w-rank2) — 스튜디오 버전과 구조 차이 |
| — | 마켓플레이스 버전 | 목표 제목 | text | 기본값 "후원 목표" — 위 "목표 제목/내용 텍스트"와 별개 필드(단순 제목만) | "후원 목표" |
| — | 마켓플레이스 버전 | 시작/목표 금액 | number + 캐시 × 2 | 플랫폼 지표(치즈/시청자수 등) 선택 없이 캐시 금액만 직접 입력 — 스튜디오 버전의 "목표 지표 선택"보다 단순한 구조 | 0 / 100,000 |
| — | 마켓플레이스 버전 | 바 색상/배경색/세로크기 | color × 2 + number | 기본 #519CFF / #FFFFFF / 40px | 40px |
| — | 마켓플레이스 버전 | ※ 스튜디오 §03 버전과 필드 구조가 다름(플랫폼 지표 연동 vs 단순 금액 입력) — 통합 플랫폼에서 하나로 합칠지, 두 진입 경로(스튜디오/마켓플레이스)를 유지할지는 미결정. DB 스키마 설계 시 이 차이를 반영해 donation_goal_widget이 두 모드를 모두 지원하도록 설계 필요 |