feat(home): AI 캐릭터 섹션을 연결한다
This commit is contained in:
@@ -335,7 +335,7 @@
|
||||
|
||||
### Phase 12: AI 캐릭터 섹션 UI
|
||||
|
||||
- [ ] **Task 12.1: AI 캐릭터 섹션 작성/보완**
|
||||
- [x] **Task 12.1: AI 캐릭터 섹션 작성/보완**
|
||||
- 대상 파일:
|
||||
- 생성/보완: `SodaLive/Sources/V2/Main/Home/Recommendation/Components/MainHomeAiCharacterSection.swift`
|
||||
- 확인/보완: `SodaLive/Sources/V2/Component/Card/AiCharacterCard.swift`
|
||||
@@ -477,6 +477,39 @@
|
||||
|
||||
## 검증 기록
|
||||
|
||||
### 2026-06-29 Phase 12 카드 반응형 크기와 채팅 수 표기 보완
|
||||
|
||||
- 목적: AI 캐릭터와 최근 데뷔 크리에이터 썸네일 카드 크기를 `402` 기준으로 보정하고, AI 캐릭터 채팅 수 배지를 다국어 축약 표기로 표시
|
||||
- 수행 내용:
|
||||
- `AiCharacterCard.responsiveSize(deviceWidth:)`를 추가해 최대 `185x278`, 디바이스 폭이 `402`보다 작으면 `deviceWidth / 402` 비율로 축소되도록 구성
|
||||
- `MainHomeRecentDebutCreatorSection`의 아이템도 동일한 responsive size를 사용해 AI 캐릭터 카드와 최대 크기/축소 비율을 맞춤
|
||||
- `I18n.HomeRecommendation.compactChatCount(_:)`를 추가해 한국어/일본어는 `천`, `만`, `억` 계열, 영어는 `K`, `M`, `B` 계열로 표시
|
||||
- 축약 소수는 한 자리까지 표시하고 경계값 반올림으로 단위가 앞당겨지지 않도록 내림 처리
|
||||
- 검증:
|
||||
- `rg -n "responsiveSize|baseDeviceWidth|maxCardWidth|maxCardHeight|compactChatCount|compactEastAsianCount|compactEnglishCount|100_000_000|1_000" SodaLive/Sources/V2 SodaLive/Sources/I18n/I18n.swift` 실행, 반응형 크기와 다국어 축약 로직 확인
|
||||
- `plutil -lint SodaLive.xcodeproj/project.pbxproj` 실행, `OK` 확인
|
||||
- `git diff --check` 실행, 출력 없이 성공 확인
|
||||
- `xcodebuild -workspace "SodaLive.xcworkspace" -scheme "SodaLive-dev" -configuration Debug build` 실행, `BUILD SUCCEEDED` 확인
|
||||
|
||||
|
||||
### 2026-06-29 Phase 12 AI 캐릭터 섹션 구현 완료
|
||||
|
||||
- 목적: V2 Main Home 추천 탭에 Figma `24:5551`, `24:5554` 기준 AI 캐릭터 섹션을 연결
|
||||
- 수행 내용:
|
||||
- `AiCharacterCard`를 Figma 기준 `185x278` 썸네일 카드로 보완하고, `profileImage`, `totalChatCount`, `name`, `description`, `originalWorkTitle` 표시를 반영
|
||||
- `MainHomeAiCharacterSection`을 추가해 `HomeAiCharacterItem.characterId`, `creatorId`, `name`, `description`, `profileImage`, `totalChatCount`, `originalWorkTitle` 기반 가로 카드 목록을 표시
|
||||
- 데이터가 비어 있으면 섹션 제목과 목록을 렌더링하지 않도록 구성
|
||||
- `MainHomeRecommendationView`에서 최근 데뷔 크리에이터 섹션 다음 순서로 AI 캐릭터 섹션을 배치
|
||||
- 신규 `MainHomeAiCharacterSection.swift`를 `SodaLive.xcodeproj/project.pbxproj` 빌드 대상에 포함
|
||||
- `I18n.HomeRecommendation.aiCharacterSectionTitle`의 한국어 문구를 Figma 섹션 제목인 `크리에이터와 이야기를 나눠요!`로 반영
|
||||
- 검증:
|
||||
- Figma `24:5551`, `24:5554` 디자인 컨텍스트와 스크린샷 확인, 섹션 제목/간격 14/리스트 좌측 inset 14/아이템 간격 4/아이템 `185x278` 구조 확인
|
||||
- 구현 전 `xcodebuild -workspace "SodaLive.xcworkspace" -scheme "SodaLive-dev" test` 실행, `Scheme SodaLive-dev is not currently configured for the test action`으로 테스트 액션 미구성 확인
|
||||
- `rg -n "MainHomeAiCharacterSection|AiCharacterCard|aiCharacters|totalChatCount|originalWorkTitle|profileImage|localhost:3845|figma.com" SodaLive/Sources/V2 SodaLive/Sources/I18n/I18n.swift` 실행, 추천 응답 필드 연결 및 forbidden URL 미포함 확인
|
||||
- `plutil -lint SodaLive.xcodeproj/project.pbxproj` 실행, `OK` 확인
|
||||
- `xcodebuild -workspace "SodaLive.xcworkspace" -scheme "SodaLive-dev" -configuration Debug build` 실행, `BUILD SUCCEEDED` 확인
|
||||
|
||||
|
||||
### 2026-06-29 Phase 12 제외 섹션 반영
|
||||
|
||||
- 목적: 요구사항 변경에 따라 제외된 추천 섹션 UI 구현 범위를 PRD와 계획 문서에서 제거
|
||||
|
||||
Reference in New Issue
Block a user