diff --git a/docs/20260623_메인_콘텐츠_추천_탭/plan-task.md b/docs/20260623_메인_콘텐츠_추천_탭/plan-task.md index 775e61ce..332fff27 100644 --- a/docs/20260623_메인_콘텐츠_추천_탭/plan-task.md +++ b/docs/20260623_메인_콘텐츠_추천_탭/plan-task.md @@ -533,3 +533,24 @@ - `./gradlew :app:compileDebugKotlin` - 검증 기록: - 2026-07-09: 먼저 `ContentMainFragmentSourceTest.content 추천 layout은 요청된 섹션 순서로 배치한다`를 추가하고 기존 XML에서 `newAndHotIndex < latestAudioIndex` 조건 실패를 RED로 확인했다. 이후 `fragment_v2_main_content.xml`에서 `New&Hot` 섹션을 `새로 올라온 오디오` 위로 이동했고, `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.main.content.ContentMainFragmentSourceTest"`, `./gradlew :app:mergeDebugResources`, `./gradlew :app:compileDebugKotlin`, `git diff --check` 결과 모두 성공했다. Gradle deprecation warning과 Agora namespace warning은 기존 경고로 이번 변경과 무관하다. + +### 2026-07-09 후속 변경: 최근 댓글이 많은 오디오 item UI 보정 + +- [x] **Task 9.1: Figma 24:6822 기준 댓글 영역 UI 보정** + - 수정: + - `app/src/main/res/layout/item_content_commented_audio.xml` + - `app/src/main/res/drawable/bg_content_commented_audio_comment.xml` + - 작업: + - 댓글 영역을 Figma `24:6822`의 `gray_800`, radius 14dp, padding 12dp 박스로 맞춘다. + - 댓글 텍스트는 흰색, 최대 2줄, end ellipsize, line height 1.45로 표시한다. + - 우측 chevron view는 추가하지 않는다. + - 검증: + - `./gradlew :app:mergeDebugResources` + - `./gradlew :app:compileDebugKotlin` + - `git diff --check` + - 검증 기록: + - 2026-07-09: TDD 예외. 이번 변경은 비즈니스 로직 없이 XML 표현 속성/배경 drawable만 조정하는 UI 레이아웃 보정이며, 저장소 가이드상 view margin/padding/visibility 같은 표현 속성 검증 테스트는 신규 작성하지 않는다. Figma `24:6822` 확인 결과 댓글은 최대 2줄 말줄임이고 우측 chevron 미표시 요구가 있어, 기존 chevron 미존재 상태를 유지하고 댓글 영역 배경/패딩/텍스트 색/lineSpacing만 수정했다. + - 2026-07-09: `./gradlew :app:mergeDebugResources`, `./gradlew :app:compileDebugKotlin`, `git diff --check` 결과 모두 성공했다. `compileDebugKotlin`의 deprecation/annotation warning은 기존 코드 경고로 이번 XML/drawable 변경과 무관하다. 실제 기기 `SM-G960N - Android 10`에 `./gradlew :app:installDebug`로 설치했고, `adb shell am start -W -n kr.co.vividnext.sodalive.debug/kr.co.vividnext.sodalive.splash.SplashActivity` 후 `dumpsys window`에서 `kr.co.vividnext.sodalive.v2.main.MainV2Activity` focus를 확인했다. + - 2026-07-09: 사용자 후속 지적에 따라 Figma `24:6823`을 재확인했다. item root는 `gray_900(#202020)`, radius 14dp, padding 14dp 배경 컨테이너이고 내부 댓글 영역은 Figma `24:6822` 기준 `gray_800(#343434)` 박스다. 이에 `item_content_commented_audio.xml` root에 기존 `bg_feed_card` 배경과 `spacing_14` padding을 적용했다. root 폭은 고정 dp가 아니라 device width에서 좌우 margin 14dp씩 총 28dp를 뺀 값으로 `ContentCommentedAudioAdapter`에서 설정한다. 여러 item 사이 margin은 기존 `ContentHorizontalItemDecoration`의 8dp를 유지한다. 댓글 작성자 profile image는 원형 outline으로 clipping하고, 콘텐츠 cover image는 기존 `radius_14` outline clipping을 유지한다. + - 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를 확인했다. diff --git a/docs/20260623_메인_콘텐츠_추천_탭/prd.md b/docs/20260623_메인_콘텐츠_추천_탭/prd.md index 33115379..2f2eacc6 100644 --- a/docs/20260623_메인_콘텐츠_추천_탭/prd.md +++ b/docs/20260623_메인_콘텐츠_추천_탭/prd.md @@ -220,13 +220,13 @@ Figma `24:6813` 기준으로 포인트 오디오 가로 카드 목록을 표시 - item 터치 시 오디오 콘텐츠 상세로 이동한다. ### Phase 7: 최근 댓글이 많은 오디오 -Figma `24:6820` 기준으로 댓글이 많은 오디오를 가로 카드 묶음으로 표시한다. +Figma `24:6820`, item `24:6822` 기준으로 댓글이 많은 오디오를 가로 카드 묶음으로 표시한다. #### Requirements - 섹션 타이틀은 `최근 댓글이 많은 오디오`이다. - `mostCommentedAudios`를 가로 스크롤 가능한 카드 묶음으로 표시한다. - 각 카드에는 오디오 리스트 item, 최근 댓글 본문, 최근 댓글 작성자 프로필 이미지 영역을 함께 표시한다. -- 댓글 영역에는 `latestComment`를 표시한다. +- 댓글 영역에는 `latestComment`를 최대 2줄 말줄임으로 표시하고, 우측 chevron은 표시하지 않는다. - item 터치 시 오디오 콘텐츠 상세로 이동한다. #### Edge Cases