docs(creator): 라이브 오디오 후속 보정을 기록한다

This commit is contained in:
2026-06-19 21:47:25 +09:00
parent a0f263c1fd
commit 688ba0a63d
2 changed files with 154 additions and 0 deletions

View File

@@ -12,6 +12,10 @@
- 목록이 길어질 수 있으므로 `CreatorChannelLiveTabResponse.hasNext == true`일 때 다음 페이지를 자동 로딩해야 한다.
- 정렬 label은 앱 다국어 정책에 맞춰 문자열 리소스로 관리해야 한다.
- Sort-bar의 정렬 메뉴 표시 방식은 Figma 컨텍스트 메뉴와 BottomSheet 중 선택이 필요하며, 모바일 UX 흐름에 맞는 기준이 필요하다.
- 2026-06-19 후속 수정: `라이브`/`오디오` 탭에서 아이템이 1개뿐이어도 마지막 아이템 하단이 잘려 보인다. 탭 컨텐츠가 `ViewPager2` 내부에서 측정 높이보다 작게 표시되지 않도록 보정해야 한다.
- 2026-06-19 후속 수정: 오디오 콘텐츠가 없는 empty 상태의 안내 문구가 화면 아래쪽에 배치되어 스크롤 전에는 보이지 않는다. `라이브` 탭 empty 상태도 함께 확인해 empty 문구가 스크롤 없이 보이도록 배치해야 한다.
- 2026-06-19 후속 수정: empty 문구가 스크롤 없이 보이도록 상단 배치한 뒤에도, empty 상태에서 스크롤 시 문구가 컨텐츠와 함께 움직인다. empty 상태는 불필요한 내부 스크롤 영역을 만들지 않아야 한다.
- 2026-06-19 후속 수정: Figma `290:9029` 기준 소장률 카드 오른쪽 카운트는 구매한 콘텐츠 수와 전체 유료 콘텐츠 수의 색상이 달라야 한다.
---
@@ -26,6 +30,10 @@
- 응답의 `hasNext``true`이면 현재 `page + 1` 페이지를 추가 로딩한다.
- 정렬 label과 상태 문구는 다국어 문자열 리소스로 관리한다.
- 로그인 사용자가 해당 크리에이터 본인이면 라이브 탭 하단에 고정된 `라이브 시작하기` 버튼을 표시한다.
- `라이브`/`오디오` 탭의 컨텐츠가 1개 또는 여러 개일 때 모두 마지막 아이템이 잘리지 않고 완전히 표시된다.
- `라이브`/`오디오` 탭의 empty 문구는 탭 선택 직후 스크롤 없이 화면 안에서 확인할 수 있다.
- `라이브`/`오디오` 탭 empty 상태에서는 문구 표시를 위해 별도 scroll range를 만들지 않는다.
- 오디오 소장률 카드에서 구매한 콘텐츠 수는 white, `/전체 유료 콘텐츠 수`는 gray 계열로 표시한다.
---
@@ -260,6 +268,10 @@ Sort-bar는 라이브 다시듣기 총 개수와 현재 정렬 상태를 표시
- 본인 채널의 `라이브 시작하기` 버튼은 Figma `665:19359`처럼 하단 고정 CTA로 표시하고, 목록 컨텐츠 위를 덮지 않도록 스크롤 하단 여백을 확보한다.
- 전체 empty 상태는 Figma `290:8959`처럼 Sort-bar와 리스트 없이 중앙 안내 문구를 표시한다.
- 다국어 문자열 길이 증가 시 title, 정렬 label, 상태 문구가 겹치지 않도록 말줄임 또는 최소 폭 정책을 적용한다.
- `ViewPager2` 하단 padding 또는 고정 CTA/FAB 여백이 탭 컨텐츠의 실제 표시 영역을 줄여 마지막 아이템을 가리지 않아야 한다.
- empty 상태의 안내 문구는 전체 빈 공간의 과도하게 낮은 중앙이 아니라, 탭 컨텐츠 진입 직후 사용자가 볼 수 있는 상단 영역에 배치한다.
- empty 상태의 안내 문구는 컨텐츠 높이 보정을 위한 `minimumHeight`에 의존하지 않는다.
- 소장률 카드 오른쪽 카운트는 Figma `290:9029`처럼 부분 색상 span을 적용한다.
---