feat(home): 랭킹 탭 화면을 조립한다
This commit is contained in:
@@ -225,7 +225,7 @@
|
||||
|
||||
### Phase 6: 랭킹 탭 화면 조립과 상세 진입 연결
|
||||
|
||||
- [ ] **Task 6.1: MainHomeRankingView 구현**
|
||||
- [x] **Task 6.1: MainHomeRankingView 구현**
|
||||
- 대상 파일:
|
||||
- 수정: `SodaLive/Sources/V2/Main/Home/Ranking/MainHomeRankingView.swift`
|
||||
- 작업 내용:
|
||||
@@ -243,7 +243,7 @@
|
||||
- 실행 명령: `rg "MainHomeRankingViewModel|fetchRankings|MainHomeRankingCard|MainHomeRankingRow|MainHomeRankingEmptyStateView|GridItem\\(\\.flexible\\(\\)\\)|onTapCreator|MainPlaceholderTabView|CapsuleTabBar" SodaLive/Sources/V2/Main/Home/Ranking/MainHomeRankingView.swift`
|
||||
- 기대 결과: `MainPlaceholderTabView`와 `CapsuleTabBar`는 검색되지 않고, 랭킹 ViewModel/공용 카드/row 조립과 flexible grid가 확인된다.
|
||||
|
||||
- [ ] **Task 6.2: MainHomeView에서 creator tap callback 전달**
|
||||
- [x] **Task 6.2: MainHomeView에서 creator tap callback 전달**
|
||||
- 대상 파일:
|
||||
- 수정: `SodaLive/Sources/V2/Main/Home/MainHomeView.swift`
|
||||
- 확인: `SodaLive/Sources/V2/Main/MainView.swift`
|
||||
@@ -373,3 +373,16 @@
|
||||
- 검증 메모:
|
||||
- 문서의 Phase 5 정적 검색 기준으로 카드/row/empty state 필수 심볼과 Preview 상태를 확인
|
||||
- 카드/row 루트 container에 고정 숫자 `frame(width:)`, `frame(height:)`를 두지 않고, 카드 전체 비율은 `aspectRatio` 기반으로 구성
|
||||
|
||||
- 2026-06-30 Phase 6 진행:
|
||||
- 목적: 랭킹 탭 화면을 ViewModel 상태 기반으로 조립하고, 랭킹 item tap을 기존 creator 상세 진입 callback에 연결
|
||||
- 변경 내용:
|
||||
- `MainHomeRankingView` placeholder 제거
|
||||
- `MainHomeRankingViewModel`을 `@StateObject`로 연결하고 최초 `onAppear`에서 `hasLoaded == false`일 때만 `fetchRankings()` 호출
|
||||
- loading, empty, content 상태 분기 추가
|
||||
- content 상태에서 1위 단독, 2~7위 2열, 8~10위 3열, 11위 이상 row로 조립
|
||||
- 1~10위는 `MainHomeRankingCard`, 11위 이상은 `MainHomeRankingRow`를 사용하고 `showRankChange`, `onTapCreator` 전달
|
||||
- `MainHomeView`의 랭킹 탭에서 `MainHomeRankingView(onTapCreator: onTapCreator)`를 호출하도록 변경
|
||||
- 검증 메모:
|
||||
- Phase 6 정적 검색 기준으로 ViewModel, fetch, 공용 카드/row, empty state, flexible grid, creator tap callback 연결을 확인
|
||||
- `MainHomeRankingView`에서 `MainPlaceholderTabView`, `CapsuleTabBar`가 사용되지 않음을 확인
|
||||
|
||||
Reference in New Issue
Block a user