fix(content): 댓글 섹션 제목을 변경한다
This commit is contained in:
@@ -299,7 +299,7 @@
|
||||
<string name="content_recommendation_section_new_and_hot">New&Hot</string>
|
||||
<string name="content_recommendation_section_free_audio">무료 오디오</string>
|
||||
<string name="content_recommendation_section_point_audio">포인트 오디오</string>
|
||||
<string name="content_recommendation_section_most_commented_audio">최근 댓글이 많은 오디오</string>
|
||||
<string name="content_recommendation_section_most_commented_audio">크리에이터의 댓글 많은 오디오</string>
|
||||
<string name="content_recommendation_section_recommended_audio">추천 오디오</string>
|
||||
<string name="home_recommendation_section_live">라이브</string>
|
||||
<string name="home_recommendation_section_recently_active_creators">방금 활동한 크리에이터</string>
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
- Phase 4: 필수 참조
|
||||
- 배너, `오직 보이스온에서만!`, `새로 올라온 오디오`, `무료 오디오`, `포인트 오디오`, `추천 오디오` 카드 크기/간격을 확인한다.
|
||||
- Phase 5: 필수 참조
|
||||
- `New&Hot` 리스트 묶음과 `최근 댓글이 많은 오디오` 댓글 카드 구조를 확인한다.
|
||||
- `New&Hot` 리스트 묶음과 `크리에이터의 댓글 많은 오디오` 댓글 카드 구조를 확인한다.
|
||||
- Phase 6: 제한 참조
|
||||
- routing, section visibility, loading/error는 기존 코드 패턴 중심으로 검증한다.
|
||||
- Phase 7: 필수 참조
|
||||
@@ -86,7 +86,7 @@
|
||||
- Create: `app/src/main/java/kr/co/vividnext/sodalive/v2/main/content/ui/ContentNewAndHotAdapter.kt`
|
||||
- `New&Hot` 3개 row 단위 가로 묶음 리스트를 처리한다.
|
||||
- Create: `app/src/main/java/kr/co/vividnext/sodalive/v2/main/content/ui/ContentCommentedAudioAdapter.kt`
|
||||
- 최근 댓글이 많은 오디오 카드와 댓글 영역을 처리한다.
|
||||
- 크리에이터의 댓글 많은 오디오 카드와 댓글 영역을 처리한다.
|
||||
- Create: `app/src/main/java/kr/co/vividnext/sodalive/v2/main/content/ui/ContentRecyclerItemLayoutParams.kt`
|
||||
- 가로 section item spacing과 grid spacing helper를 둔다.
|
||||
- Create: `app/src/main/res/layout/item_content_original_series.xml`
|
||||
@@ -140,7 +140,7 @@
|
||||
- 배너는 `BannerView`/`BannerItem` 재사용으로 고정한다.
|
||||
- 일반 오디오 카드는 `AudioContentCardView`와 `AudioContentCardSize.Medium/Large` 재사용으로 고정한다.
|
||||
- `오직 보이스온에서만!`은 label 없는 cover만 필요하므로 기존 `SeriesContentCardView`를 직접 변경하지 않고 신규 `item_content_original_series.xml`로 처리한다.
|
||||
- `New&Hot`, `최근 댓글이 많은 오디오`는 Figma 구조가 공통 카드와 달라 신규 item view로 처리한다.
|
||||
- `New&Hot`, `크리에이터의 댓글 많은 오디오`는 Figma 구조가 공통 카드와 달라 신규 item view로 처리한다.
|
||||
- 검증:
|
||||
- PRD의 재사용 후보와 신규 item 범위가 일치하는지 문서상 체크한다.
|
||||
- 검증 기록:
|
||||
@@ -388,7 +388,7 @@
|
||||
- 검증 기록:
|
||||
- 2026-06-23: `ContentNewAndHotAdapter`에서 `items.chunked(NEW_AND_HOT_GROUP_SIZE)`와 `private const val NEW_AND_HOT_GROUP_SIZE = 3` 정책을 구현했다. 마지막 group이 3개 미만이면 실제 item row만 inflate하도록 처리했다.
|
||||
|
||||
- [x] **Task 5.2: 최근 댓글이 많은 오디오 adapter 구현**
|
||||
- [x] **Task 5.2: 크리에이터의 댓글 많은 오디오 adapter 구현**
|
||||
- 생성:
|
||||
- `app/src/main/res/layout/item_content_commented_audio.xml`
|
||||
- `app/src/main/java/kr/co/vividnext/sodalive/v2/main/content/ui/ContentCommentedAudioAdapter.kt`
|
||||
@@ -410,11 +410,11 @@
|
||||
- `app/src/main/res/layout/fragment_v2_main_content.xml`
|
||||
- 작업:
|
||||
- `New&Hot`는 horizontal group RecyclerView로 바인딩한다.
|
||||
- `최근 댓글이 많은 오디오`는 horizontal card RecyclerView로 바인딩한다.
|
||||
- `크리에이터의 댓글 많은 오디오`는 horizontal card RecyclerView로 바인딩한다.
|
||||
- 각 section은 item list가 비면 전체를 숨긴다.
|
||||
- 검증:
|
||||
- Figma 순서상 `New&Hot`가 최신 오디오 뒤, 무료 오디오 앞에 배치되는지 확인한다.
|
||||
- `최근 댓글이 많은 오디오`가 포인트 오디오 뒤, 추천 오디오 앞에 배치되는지 확인한다.
|
||||
- `크리에이터의 댓글 많은 오디오`가 포인트 오디오 뒤, 추천 오디오 앞에 배치되는지 확인한다.
|
||||
- 검증 기록:
|
||||
- 2026-06-23: `fragment_v2_main_content.xml`의 Phase 3 section 순서를 유지하며 New&Hot는 최신 뒤/무료 앞, 최근 댓글은 포인트 뒤/추천 앞에 adapter를 연결했다. 제외 섹션 id/string은 추가하지 않았다.
|
||||
|
||||
@@ -489,7 +489,7 @@
|
||||
- 확인:
|
||||
- title-bar와 tab-bar가 스크롤 중 고정된다.
|
||||
- 스크롤 영역은 배너부터 시작한다.
|
||||
- 섹션 순서는 배너 → 오직 보이스온에서만! → 새로 올라온 오디오 → New&Hot → 무료 오디오 → 포인트 오디오 → 최근 댓글이 많은 오디오 → 추천 오디오다.
|
||||
- 섹션 순서는 배너 → 오직 보이스온에서만! → 새로 올라온 오디오 → New&Hot → 무료 오디오 → 포인트 오디오 → 크리에이터의 댓글 많은 오디오 → 추천 오디오다.
|
||||
- `추천 시리즈`, `키워드의 오디오`는 표시되지 않는다.
|
||||
- 각 section의 empty 상태에서 빈 title/list 공간이 남지 않는다.
|
||||
- `duration`은 어떤 오디오 카드에도 표시되지 않는다.
|
||||
@@ -555,6 +555,23 @@
|
||||
- 2026-07-09: root 배경 보정 후 `./gradlew :app:mergeDebugResources`, `./gradlew :app:compileDebugKotlin`, `./gradlew :app:installDebug`, `git diff --check` 결과 모두 성공했다. 실제 기기 `SM-G960N - Android 10`에서 `adb shell am start -W -n kr.co.vividnext.sodalive.debug/kr.co.vividnext.sodalive.splash.SplashActivity`가 `Status: ok`, `LaunchState: COLD`로 완료됐고, `dumpsys window`에서 `kr.co.vividnext.sodalive.v2.main.MainV2Activity` focus를 확인했다.
|
||||
- 2026-07-09: 추가 요청에 따라 댓글 많은 오디오 item이 여러 개 표시될 때 각 item width를 device width에서 좌우 margin 14dp씩 총 28dp를 뺀 값으로 설정하고, item 사이 간격은 기존 horizontal item decoration의 8dp를 유지했다. 댓글 작성자 profile image는 원형 outline clipping을 적용했고, 콘텐츠 cover image는 `radius_14` outline clipping을 유지했다. `./gradlew :app:mergeDebugResources`, `./gradlew :app:compileDebugKotlin`, `./gradlew :app:installDebug`, `git diff --check` 결과 모두 성공했다. 실제 기기에서 `adb shell am start -W -n kr.co.vividnext.sodalive.debug/kr.co.vividnext.sodalive.splash.SplashActivity`가 `Status: ok`, `LaunchState: COLD`로 완료됐고, `dumpsys window`에서 `kr.co.vividnext.sodalive.v2.main.MainV2Activity` focus를 확인했다.
|
||||
|
||||
### 2026-07-12 후속 변경: 댓글 많은 오디오 섹션 타이틀 변경
|
||||
|
||||
- [x] **Task 9.2: 댓글 많은 오디오 섹션 타이틀 문구 변경**
|
||||
- 수정:
|
||||
- `app/src/main/res/values/strings.xml`
|
||||
- `docs/20260623_메인_콘텐츠_추천_탭/prd.md`
|
||||
- `docs/20260623_메인_콘텐츠_추천_탭/plan-task.md`
|
||||
- 작업:
|
||||
- 추천 탭 댓글 많은 오디오 섹션 타이틀을 `최근 댓글이 많은 오디오`에서 `크리에이터의 댓글 많은 오디오`로 변경한다.
|
||||
- API, adapter, layout 구조는 변경하지 않는다.
|
||||
- 검증:
|
||||
- `rg -n "최근 댓글이 많은 오디오|크리에이터의 댓글 많은 오디오|content_recommendation_section_most_commented_audio" app/src/main/res/values/strings.xml docs/20260623_메인_콘텐츠_추천_탭/prd.md docs/20260623_메인_콘텐츠_추천_탭/plan-task.md`
|
||||
- `./gradlew :app:mergeDebugResources`
|
||||
- `git diff --check`
|
||||
- 검증 기록:
|
||||
- 2026-07-12: 섹션 표시 문자열 `content_recommendation_section_most_commented_audio`를 `크리에이터의 댓글 많은 오디오`로 변경하고, PRD와 plan-task의 현재 요구사항/섹션 순서 표현을 동일한 타이틀로 갱신했다.
|
||||
|
||||
### 2026-07-09 후속 변경: 추천 오디오 2열 그리드 동적 폭 보정
|
||||
|
||||
- [x] **Task 10.1: 추천 오디오 grid item width 자동 계산 적용**
|
||||
|
||||
@@ -219,11 +219,11 @@ Figma `24:6813` 기준으로 포인트 오디오 가로 카드 목록을 표시
|
||||
- 무료/오리지널/첫 콘텐츠/성인 태그도 응답 값에 따라 함께 표시한다.
|
||||
- item 터치 시 오디오 콘텐츠 상세로 이동한다.
|
||||
|
||||
### Phase 7: 최근 댓글이 많은 오디오
|
||||
### Phase 7: 크리에이터의 댓글 많은 오디오
|
||||
Figma `24:6820`, item `24:6822` 기준으로 댓글이 많은 오디오를 가로 카드 묶음으로 표시한다.
|
||||
|
||||
#### Requirements
|
||||
- 섹션 타이틀은 `최근 댓글이 많은 오디오`이다.
|
||||
- 섹션 타이틀은 `크리에이터의 댓글 많은 오디오`이다.
|
||||
- `mostCommentedAudios`를 가로 스크롤 가능한 카드 묶음으로 표시한다.
|
||||
- 각 카드에는 오디오 리스트 item, 최근 댓글 본문, 최근 댓글 작성자 프로필 이미지 영역을 함께 표시한다.
|
||||
- 댓글 영역에는 `latestComment`를 최대 2줄 말줄임으로 표시하고, 우측 chevron은 표시하지 않는다.
|
||||
@@ -285,7 +285,7 @@ Figma에는 존재하지만 이번 범위에서는 구현하지 않는다.
|
||||
## 8. UX / UI Expectations
|
||||
- 전체 배경은 Figma처럼 black 계열을 유지한다.
|
||||
- title-bar와 tab-bar는 고정되고, 콘텐츠 영역만 세로 스크롤된다.
|
||||
- 섹션은 Figma 순서대로 배치한다: 배너 → 오직 보이스온에서만! → 새로 올라온 오디오 → New&Hot → 무료 오디오 → 포인트 오디오 → 최근 댓글이 많은 오디오 → 추천 오디오.
|
||||
- 섹션은 Figma 순서대로 배치한다: 배너 → 오직 보이스온에서만! → 새로 올라온 오디오 → New&Hot → 무료 오디오 → 포인트 오디오 → 크리에이터의 댓글 많은 오디오 → 추천 오디오.
|
||||
- 각 섹션은 데이터가 없으면 숨겨 스크롤 중 빈 영역이 생기지 않게 한다.
|
||||
- 가로 스크롤 섹션은 Figma 기준 좌측 inset과 item spacing을 구현 계획에서 수치화한다.
|
||||
- 카드 썸네일은 centerCrop과 radius 14dp를 기본으로 한다.
|
||||
|
||||
Reference in New Issue
Block a user