klaus/sodalive-android
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs(content): 랭킹 카드 후속 요구를 기록한다

Browse Source
This commit is contained in:
klaus
2026-06-25 18:29:58 +09:00
parent 71b0c64fd2
commit ab9d14598c
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/20260623_메인_콘텐츠_탭_내부_랭킹_탭/prd.md
View File

@@ -209,7 +209,9 @@ Figma `24:6882` 기준으로 랭킹 유형 필터를 가로 스크롤 capsule ta
- 내부 Text Tab bar는 `추천`, `랭킹`, `전체`을 표시하고, 선택된 `랭킹`은 흰색 텍스트로 보여야 한다. - 내부 Text Tab bar는 `추천`, `랭킹`, `전체`을 표시하고, 선택된 `랭킹`은 흰색 텍스트로 보여야 한다.
- Capsule Tab bar는 높이 52dp 영역 안에서 가로 스크롤 가능해야 한다. - Capsule Tab bar는 높이 52dp 영역 안에서 가로 스크롤 가능해야 한다.
- 랭킹 목록 좌우 여백은 Figma의 374px content 폭과 기존 `ContentRankingAdapter` 계산 정책에 맞춘다. - 랭킹 목록 좌우 여백은 Figma의 374px content 폭과 기존 `ContentRankingAdapter` 계산 정책에 맞춘다.
- 카드 간 gap은 Figma와 기존 위젯 정책의 4dp 간격을 따른다. - 카드 간 gap은 후속 Figma `567:17824` 확인 기준 8dp 간격을 따른다.
- 1위 대형 카드는 `coverImageUrl`을 전체 카드 배경에 사용하고, 배경에는 blur/dim/gradient를 적용한다.
- 1위 대형 카드는 동일 `coverImageUrl`을 별도 전경 1:1 이미지로도 표시하며, 접근 가능한 item의 전경 이미지는 blur 처리하지 않는다.
- 1위 카드는 넓은 대형 카드, 2~7위는 2열 정사각 카드, 8~10위는 3열 정사각 카드, 11위 이후는 가로형 카드로 표시한다. - 1위 카드는 넓은 대형 카드, 2~7위는 2열 정사각 카드, 8~10위는 3열 정사각 카드, 11위 이후는 가로형 카드로 표시한다.
- 긴 제목/크리에이터명은 기존 `ContentRankingItem`의 rank별 말줄임 정책을 따른다. - 긴 제목/크리에이터명은 기존 `ContentRankingItem`의 rank별 말줄임 정책을 따른다.
- 1위~20위까지 응답이 내려오면 Figma 예시처럼 자연스럽게 세로 스크롤로 확인할 수 있어야 한다. - 1위~20위까지 응답이 내려오면 Figma 예시처럼 자연스럽게 세로 스크롤로 확인할 수 있어야 한다.
@@ -280,3 +282,5 @@ Figma `24:6882` 기준으로 랭킹 유형 필터를 가로 스크롤 capsule ta
- 2026-06-25: 후속 요구사항으로 콘텐츠 랭킹 카드의 기존 Figma 위치값은 유지하고, 순위 숫자 `TextView` 내부 하단 padding만 보정해 폰트별 glyph 하단 차이가 rank-num 간격을 침범하지 않도록 한다. - 2026-06-25: 후속 요구사항으로 콘텐츠 랭킹 카드의 기존 Figma 위치값은 유지하고, 순위 숫자 `TextView` 내부 하단 padding만 보정해 폰트별 glyph 하단 차이가 rank-num 간격을 침범하지 않도록 한다.
- 2026-06-25: 콘텐츠 랭킹 Large/Grid/Horizontal 카드에 scale 기반 하단 padding을 적용하고, `ContentRankingCardViewTest`에서 `includeFontPadding=false`와 padding 값을 검증하도록 했다. `ContentRankingCardViewTest`, `contentranking.*`, `mergeDebugResources`, `compileDebugKotlin`은 통과했고, `ktlintCheck`는 기존 전역 위반으로 실패했다. - 2026-06-25: 콘텐츠 랭킹 Large/Grid/Horizontal 카드에 scale 기반 하단 padding을 적용하고, `ContentRankingCardViewTest`에서 `includeFontPadding=false`와 padding 값을 검증하도록 했다. `ContentRankingCardViewTest`, `contentranking.*`, `mergeDebugResources`, `compileDebugKotlin`은 통과했고, `ktlintCheck`는 기존 전역 위반으로 실패했다.
- 2026-06-25: 리뷰 게이트 후속으로 콘텐츠 rank `TextView`의 중앙 정렬과 horizontal 고정 rank box 누락을 보완했다. 콘텐츠 rank XML 3종에 `android:gravity="center"`를 추가하고, horizontal rank `TextView`를 `48x52` 고정 박스로 배치해 bottom padding이 rank-num 위치를 밀지 않도록 했다. - 2026-06-25: 리뷰 게이트 후속으로 콘텐츠 rank `TextView`의 중앙 정렬과 horizontal 고정 rank box 누락을 보완했다. 콘텐츠 rank XML 3종에 `android:gravity="center"`를 추가하고, horizontal rank `TextView`를 `48x52` 고정 박스로 배치해 bottom padding이 rank-num 위치를 밀지 않도록 했다.
- 2026-06-25: 후속 요구사항으로 콘텐츠 랭킹 카드 간 간격을 4dp에서 8dp로 변경하고, Figma `567:17824`처럼 1위 대형 카드의 `coverImageUrl`은 blur 배경으로만 표시하며 별도 전경 1:1 이미지는 숨기도록 범위를 갱신했다.
- 2026-06-25: 사용자 최신 정정에 따라 Phase 8의 '전경 1:1 이미지 숨김' 요구를 supersede했다. 1위 대형 카드의 배경 blur는 유지하되, 동일 `coverImageUrl` 전경 1:1 이미지는 계속 표시하고 접근 가능한 item에서는 전경 이미지를 blur 처리하지 않는다. 기존 8dp 카드 간격 요구는 유지한다.