feat(home): 팔로잉 전체 버튼을 고정한다
This commit is contained in:
@@ -26,7 +26,7 @@ Figma 전체 화면 기준 섹션 순서는 아래를 따른다.
|
||||
- 기존 V2 공용 컴포넌트와 추천/랭킹 탭 패턴을 우선 재사용한다.
|
||||
- 홈 상단 `팔로잉` 탭 터치 시 로그인 guard를 먼저 적용해 로그인된 사용자만 탭으로 이동한다.
|
||||
- `isLoginRequired == true`이면 팔로잉 기반 콘텐츠 대신 로그인 필요 상태를 표시하고, 사용자가 로그인 화면으로 이동할 수 있어야 한다.
|
||||
- 팔로잉 크리에이터가 있을 때만 팔로잉 크리에이터 섹션을 표시하고, 가로 목록 마지막 item에는 `전체` 버튼을 추가한다.
|
||||
- 팔로잉 크리에이터가 있을 때만 팔로잉 크리에이터 섹션을 표시하고, 가로 목록과 분리된 `전체` 버튼을 섹션 오른쪽 끝에 고정한다.
|
||||
- 최근 소식은 `FollowingNewsType`별로 다른 View를 표시한다.
|
||||
- 각 섹션은 이후 `plan-task.md` 작성 시 Figma Design 기준 섹션당 1개의 Phase로 나눌 수 있도록 요구사항을 분리한다.
|
||||
- 뷰 전체는 반드시 필요한 경우를 제외하고 고정 숫자 width/height를 갖지 않는다.
|
||||
@@ -46,7 +46,7 @@ Figma 전체 화면 기준 섹션 순서는 아래를 따른다.
|
||||
|
||||
## 6. User Stories
|
||||
- 사용자는 홈 `팔로잉` 탭에서 내가 팔로우한 크리에이터 목록을 보고 싶다.
|
||||
- 사용자는 팔로잉 크리에이터 목록 끝의 `전체` 버튼으로 전체 팔로잉 목록을 보고 싶다.
|
||||
- 사용자는 팔로잉 크리에이터 섹션 오른쪽 끝에 고정된 `전체` 버튼으로 전체 팔로잉 목록을 보고 싶다.
|
||||
- 사용자는 팔로우한 크리에이터가 라이브 중이면 `On Air` 섹션에서 바로 진입하고 싶다.
|
||||
- 사용자는 최근 대화 섹션에서 최근 채팅방을 확인하고 이어서 대화하고 싶다.
|
||||
- 사용자는 이달의 스케줄에서 예정된 라이브/콘텐츠와 On Air 여부를 확인하고 싶다.
|
||||
@@ -351,11 +351,9 @@ Figma 참조:
|
||||
- 각 item은 프로필 이미지와 크리에이터 닉네임을 표시한다.
|
||||
- 크리에이터 item 탭 시 `creatorId`로 기존 크리에이터 상세 화면에 진입한다.
|
||||
- `followingCreators`가 비어 있으면 팔로잉 크리에이터 섹션을 표시하지 않는다.
|
||||
- 목록 마지막 item에는 `followingCreators`가 있을 때만 `전체` 버튼을 추가한다.
|
||||
- `전체` 버튼의 width는 버튼이 차지하는 콘텐츠 크기 기준으로 잡고, 고정 화면 width를 강제하지 않는다.
|
||||
- `전체` 버튼 height는 크리에이터 item 높이와 동일하게 표시한다.
|
||||
- `전체` 버튼은 `paddingHorizontal = 16`을 적용한다.
|
||||
- `전체` 버튼 text color는 `Soda/400`이며, 코드에서는 `Color.soda400`을 사용한다.
|
||||
- `followingCreators` 목록만 가로로 스크롤하고 `전체` 버튼은 스크롤 위치와 관계없이 섹션 오른쪽 끝에 고정한다.
|
||||
- `전체` 버튼은 추천 탭 현재 라이브 섹션의 `MainHomeLiveAllItemView`와 동일하게 `.appFont(.body5)`, `Color.soda400`, `70x102pt`, 중앙 정렬을 사용한다.
|
||||
- `전체` 버튼에는 별도 오른쪽 여백을 적용하지 않는다.
|
||||
- `전체` 버튼 탭 시 기존에 만들어진 전체 팔로잉 목록 화면으로 이동한다.
|
||||
|
||||
### 7.4 On Air 섹션
|
||||
@@ -458,7 +456,7 @@ Figma 참조:
|
||||
- 홈 공통 title bar
|
||||
- 홈 상단 `추천`/`랭킹`/`팔로잉` Text tab bar
|
||||
- 선택된 `팔로잉` 탭 콘텐츠
|
||||
- 팔로잉 크리에이터 가로 목록과 마지막 `전체` 버튼
|
||||
- 팔로잉 크리에이터 가로 목록과 오른쪽 끝에 고정된 `전체` 버튼
|
||||
- `On Air` 가로 라이브 목록
|
||||
- 최근 대화 목록
|
||||
- 이달의 스케줄 목록
|
||||
@@ -541,9 +539,9 @@ Figma 참조:
|
||||
- `isLoginRequired == false`이면 Figma 순서대로 팔로잉 크리에이터, On Air, 최근 대화, 이달의 스케줄, 최근 소식 섹션이 표시된다.
|
||||
- 비어 있는 섹션은 표시되지 않는다.
|
||||
- 모든 섹션 데이터가 비어 있으면 전체 empty state가 표시된다.
|
||||
- 팔로잉 크리에이터가 있으면 가로 목록 마지막에 `전체` 버튼이 표시된다.
|
||||
- 팔로잉 크리에이터가 있으면 크리에이터 목록만 가로로 스크롤되고 `전체` 버튼은 섹션 오른쪽 끝에 고정된다.
|
||||
- 팔로잉 크리에이터가 없으면 팔로잉 크리에이터 섹션과 `전체` 버튼은 표시되지 않는다.
|
||||
- `전체` 버튼은 크리에이터 item 높이와 동일하고, horizontal padding 16, `Color.soda400` 텍스트를 사용한다.
|
||||
- `전체` 버튼은 추천 탭 현재 라이브 섹션과 동일한 `.body5`, `70x102pt`, `Color.soda400`, 중앙 정렬 스타일을 사용하고 별도 오른쪽 여백을 두지 않는다.
|
||||
- 최근 소식의 `CREATOR_RANKING`은 `creatorRanking` payload로 랭킹 소식 카드가 표시된다.
|
||||
- 최근 소식의 `CONTENT_RANKING`은 `contentRanking` payload로 랭킹 소식 카드가 표시된다.
|
||||
- 최근 소식의 `COMMUNITY_POST`는 `communityPost` payload로 기존 커뮤니티 Feed View 또는 표시 전용 variant가 표시된다.
|
||||
@@ -571,3 +569,10 @@ Figma 참조:
|
||||
- 사용자 답변을 반영해 `ChatRoomListItemResponse`, `CreatorActivityType`, nested 최근 소식 response 구조, `visibleFromAtUtc` 시간 표시 기준, 기존 전체 팔로잉 목록 화면 재사용, 팔로잉 탭 선택 시 로그인 guard 정책을 확정 요구사항으로 이동했다.
|
||||
- empty state 문구를 `팔로잉 소식이 아직 없어요.\n관심 있는 크리에이터를 팔로우해 보세요.`, API 실패 문구를 `팔로잉 정보를 불러오지 못했습니다.\n잠시 후 다시 시도해 주세요.`로 확정했다.
|
||||
- 2026-07-12: 현재 코드의 `AppStep.creatorChannelCommunityPostDetail(postId:onCommunityRefresh:)`, `CreatorChannelCommunityPostDetailView(postId:onCommunityRefresh:)`, `/api/v2/creator-channels/community-posts/{postId}` 흐름을 확인해 `COMMUNITY_POST` tap을 `postId` 단독 상세 진입으로 연결하도록 요구사항을 갱신했다.
|
||||
- 2026-08-18: `MainHomeFollowingCreatorSection`의 `전체` 버튼은 가로 `ScrollView` 내부에 있고 `.body4`, 가변 너비, 100pt 높이, 우측 20pt 여백을 사용하지만, 추천 탭 `MainHomeLiveSection`의 `전체` 버튼은 스크롤 밖에 고정되고 `.body5`, `70x102pt`, 별도 우측 여백 없음임을 확인했다.
|
||||
|
||||
## 15. Decision Log
|
||||
|
||||
| 날짜 | ID | 상태 | 결정 | 근거 | 영향 요구사항·Goal |
|
||||
|---|---|---|---|---|---|
|
||||
| 2026-08-18 | `DEC-015` | 확정 | 팔로잉 크리에이터 `전체` 버튼의 배치와 스타일을 추천 탭 현재 라이브 `전체` 버튼과 통일한다. | 사용자 인터뷰에서 배치와 스타일 모두 통일하기로 결정했다. | §7.3, §12, `P15-T1` |
|
||||
|
||||
Reference in New Issue
Block a user