docs(creator): 본인 FAB 기준을 갱신한다

This commit is contained in:
2026-06-16 22:03:28 +09:00
parent 433bf172ce
commit 3e96a5435e
2 changed files with 17 additions and 12 deletions

View File

@@ -337,9 +337,9 @@ enum class CreatorActivityType(val code: String) {
#### Requirements
- Floating Button은 크리에이터 본인 페이지의 `홈` 탭에서만 표시한다.
- 기본 Floating Button은 Figma `665:19092`를 기준으로 우측 하단에 표시한다.
- 기본 Floating Button은 Figma `665:19221`를 기준으로 우측 하단에 표시한다.
- 기본 Floating Button은 화면 우측/하단 safe area를 고려한 14dp inset, `soda/400` 배경, 100dp radius, 14dp padding, 38dp 아이콘 영역, `0px 0px 8px rgba(0,0,0,0.12)` 수준의 shadow를 따른다.
- 기본 Floating Button 터치 시 Figma `665:19223`처럼 화면 전체에 dim을 적용하고 액션 버튼 목록을 펼친다.
- 기본 Floating Button 터치 시 Figma `665:19352`처럼 화면 전체에 dim을 적용하고 액션 버튼 목록을 펼친다.
- dim은 화면 전체를 덮으며 Figma 기준 `rgba(0,0,0,0.4)`로 적용한다.
- 펼쳐진 액션 버튼은 우측 하단 정렬을 유지하고, 버튼 간 세로 간격은 Figma 기준 14dp를 따른다.
- 펼쳐진 액션 버튼은 위에서부터 `커뮤니티 글 올리기`, `오디오 콘텐츠 올리기`, `라이브 만들기`, `닫기` 순서로 표시한다.
@@ -347,7 +347,7 @@ enum class CreatorActivityType(val code: String) {
- `오디오 콘텐츠 올리기` 버튼 아이콘은 `ic_new_upload_audio`를 사용한다.
- `라이브 만들기` 버튼 아이콘은 `ic_new_create_live`를 사용한다.
- `닫기` 버튼 아이콘은 `ic_new_x_black`을 사용한다.
- `닫기` 버튼은 Figma `665:19223` 기준 흰색 배경을 사용하고, 터치 시 dim과 펼쳐진 액션 버튼을 닫아 기본 Floating Button 상태로 복귀한다.
- `닫기` 버튼은 Figma `665:19352` 기준 흰색 배경을 사용하고, 터치 시 dim과 펼쳐진 액션 버튼을 닫아 기본 Floating Button 상태로 복귀한다.
- Floating Button 펼침/닫힘 Interaction Animation은 Spring easing을 사용한다.
- Spring animation parameter는 Mass `1`, Stiffness `256`, Damping `24`를 따른다.
- Floating Button과 펼쳐진 버튼은 홈 탭 컨텐츠 스크롤 위에 overlay되어야 하며, tab-bar sticky 상태와 겹쳐 조작 불가능해지면 안 된다.
@@ -530,8 +530,8 @@ tab-bar는 스크롤 중 title-bar 하단에 고정되는 sticky 영역으로
- 더보기 버튼 터치 시 기존 `UserProfileActivity`의 프로필 액션 메뉴와 동일한 차단/차단 해제, 사용자 신고, 프로필 신고 액션을 BottomSheet로 표시한다.
- 팔로잉 상태에서 `iv_bell` 터치 시 `follow=true`, `notify=false` API를 바로 호출하고 성공 후 알림 꺼짐 아이콘으로 변경된다.
- 팔로잉 상태에서 `layout_follow_capsule` 터치 시 `follow=false`, `notify=false` API를 바로 호출하고 완료/오류 토스트를 표시한다.
- 크리에이터 본인 페이지의 홈 탭 우측 하단에는 Figma `665:19092` 기준 Floating Button이 표시된다.
- Floating Button 터치 시 Figma `665:19223` 기준 전체 화면 dim과 `커뮤니티 글 올리기`, `오디오 콘텐츠 올리기`, `라이브 만들기`, `닫기` 버튼이 표시된다.
- 크리에이터 본인 페이지의 홈 탭 우측 하단에는 Figma `665:19221` 기준 Floating Button이 표시된다.
- Floating Button 터치 시 Figma `665:19352` 기준 전체 화면 dim과 `커뮤니티 글 올리기`, `오디오 콘텐츠 올리기`, `라이브 만들기`, `닫기` 버튼이 표시된다.
- 펼침/닫힘 애니메이션은 Spring easing, Mass `1`, Stiffness `256`, Damping `24`를 따른다.
- Floating Button 확장 상태의 버튼 아이콘은 위에서부터 `ic_new_upload_community_post`, `ic_new_upload_audio`, `ic_new_create_live`, `ic_new_x_black`을 사용한다.
- tab-bar에 `홈`, `라이브`, `오디오`, `시리즈`, `커뮤니티`, `팬Talk`, `후원`이 표시된다.
@@ -625,4 +625,4 @@ tab-bar는 스크롤 중 title-bar 하단에 고정되는 sticky 영역으로
- 2026-06-16: 사용자 요청에 따라 오디오 아이템의 이미지 위 free tag(`tv_audio_content_free_tag`) width를 `wrap_content`로 표시하고, 오디오 컨텐츠 섹션 높이는 표시되는 콘텐츠 개수만큼만 차지하도록 PRD에 추가했다. 콘텐츠가 1개일 때 3개 이상 있을 때와 같은 고정 높이나 빈 placeholder 영역을 유지하지 않는 요구사항을 명시했다. 이번 단계는 PRD 문서 보완만 수행했으며 `plan-task.md`와 구현/빌드/테스트는 실행하지 않았다.
- 2026-06-16: 사용자 요청에 따라 시리즈 아이템의 이미지 위 original tag(`layout_series_original_tag`) width/height를 `wrap_content`로 적용하고 Figma 기준 margin/padding을 따르도록 PRD에 추가했다. 또한 시리즈 아이템 터치 시 `series.seriesId`를 사용해 기존 시리즈 상세 페이지로 이동하는 요구사항을 추가했다. 이번 단계는 PRD 문서 보완만 수행했으며 `plan-task.md`와 구현/빌드/테스트는 실행하지 않았다.
- 2026-06-16: Figma `296:15001` metadata와 screenshot을 확인해 활동 영역이 `SectionTitle(활동)`, label/value row, `Pretendard Variable Medium` 16px, label `#939393`, value white, 데뷔 값 예시 `2026.06.11(D+1)` 형식으로 구성됨을 확인했다. 사용자 요청에 따라 활동 영역 폰트, 데뷔 날짜 `yyyy.MM.dd(D+n)` 표시 형식, `activity.dDay` 누락 방지 요구사항을 PRD에 추가했다. 이번 단계는 PRD 문서 보완만 수행했으며 `plan-task.md`와 구현/빌드/테스트는 실행하지 않았다.
- 2026-06-16: Figma `665:19092`, `665:19223` metadata와 screenshot을 확인해 크리에이터 본인 페이지 홈 탭의 기본 Floating Button과 dim 확장 상태를 확인했다. 사용자 요청에 따라 본인 페이지에서 팔로우/팔로잉, 더보기, `대화하기`를 제거하고 `DM 확인하기`를 통해 메인 `대화` 탭의 `DM` 필터 선택 상태로 이동하는 요구사항을 추가했다. 또한 본인 페이지 홈 탭 Floating Button, 전체 dim, 4개 버튼 순서와 아이콘, Spring animation parameter를 PRD에 추가했다. 이번 단계는 PRD 문서 보완만 수행했으며 `plan-task.md`와 구현/빌드/테스트는 실행하지 않았다.
- 2026-06-16: Figma `665:19221`, `665:19352` metadata와 screenshot을 확인해 크리에이터 본인 페이지 홈 탭의 기본 Floating Button과 dim 확장 상태를 확인했다. 사용자 요청에 따라 본인 페이지에서 팔로우/팔로잉, 더보기, `대화하기`를 제거하고 `DM 확인하기`를 통해 메인 `대화` 탭의 `DM` 필터 선택 상태로 이동하는 요구사항을 추가했다. 또한 본인 페이지 홈 탭 Floating Button, 전체 dim, 4개 버튼 순서와 아이콘, Spring animation parameter를 PRD에 추가했다. 이번 단계는 PRD 문서 보완만 수행했으며 `plan-task.md`와 구현/빌드/테스트는 실행하지 않았다.