docs(creator): 커뮤니티 탭 요구사항을 보정한다
This commit is contained in:
@@ -196,6 +196,7 @@ Sort-bar는 전체 커뮤니티 게시글 수와 현재 보기 방식을 표시
|
||||
- `communityPosts`를 3열 그리드로 표시한다.
|
||||
- 각 grid item은 정사각형 비율을 유지한다.
|
||||
- `imageUrl != null`이면 이미지를 grid item 전체에 표시한다.
|
||||
- 썸네일형의 GIF 이미지는 재생을 요구하지 않으며 정적 썸네일로 표시해도 된다.
|
||||
- `imageUrl == null`이고 유료 미구매 게시글이 아니면 기존 커뮤니티 그리드 페이지처럼 `gray/900 #202020` 배경 위에 `content` 일부를 중앙 정렬로 표시한다.
|
||||
- text-only grid item의 본문 preview 길이와 줄 수는 기존 `CreatorCommunityAllGridAdapter` 정책을 우선 참고한다.
|
||||
- `isPinned == true`이면 Figma처럼 pin/notice icon을 grid item 상단에 표시한다.
|
||||
@@ -207,7 +208,9 @@ Sort-bar는 전체 커뮤니티 게시글 수와 현재 보기 방식을 표시
|
||||
- `content`가 긴 text-only 게시글은 grid item 내부에서 정해진 줄 수까지만 표시하고 이후 말줄임 처리한다.
|
||||
- `imageUrl` 이미지 로딩 실패 시 text-only fallback이 아니라 기존 이미지 placeholder 정책을 따른다.
|
||||
- 유료 글 잠금 overlay와 text가 겹치지 않아야 한다.
|
||||
- 3열 그리드에서 기기 폭이 달라져도 item은 정사각형 비율을 유지해야 한다.
|
||||
- 3열 그리드에서 기기 폭이 달라져도 `CreatorCommunityAllGridAdapter`처럼 item width와 height를 같은 값으로 지정해 이미지가 세로로 길어지지 않아야 한다.
|
||||
- 썸네일형 item 사이 간격은 Figma 전체 썸네일형 `290:9078` 기준처럼 별도 gap 없이 붙어 보여야 한다.
|
||||
- 썸네일형 전환 후 현재 스크롤 위치가 이미 하단 조건을 만족하면 다음 페이지 로딩 여부를 다시 평가해야 한다.
|
||||
- 본인 채널에서 CTA가 표시되는 경우 마지막 grid row가 CTA에 가려지지 않도록 하단 padding 또는 inset을 추가한다.
|
||||
|
||||
### V2 Widget Reuse
|
||||
@@ -286,8 +289,12 @@ Sort-bar는 전체 커뮤니티 게시글 수와 현재 보기 방식을 표시
|
||||
- Sort-bar 높이와 배치는 Figma `290:9061`, `290:9073`, `665:19021`을 기준으로 하되 기존 탭 구현과 가능한 한 동일한 공통 UI를 사용한다.
|
||||
- 리스트형 item 간 간격은 Figma 기준 8dp 수준을 따른다.
|
||||
- 썸네일형은 3열 정사각형 그리드로 표시하고 item 간 별도 gap 없이 배치한다.
|
||||
- 공지 게시글은 Figma처럼 pin/notice 표시로 일반 게시글과 구분한다.
|
||||
- 썸네일형 공지 게시글은 Figma `290:9079`처럼 item 우측 상단에 pin icon만 표시해 일반 게시글과 구분한다.
|
||||
- 유료 게시글은 가격 또는 잠금 표현으로 무료 게시글과 구분한다.
|
||||
- 리스트형 게시물 이미지는 14dp corner radius가 실제 bitmap에도 적용되어야 하며, GIF 이미지는 재생되어야 한다.
|
||||
- 썸네일형 Grid item과 게시물 이미지는 rounded corner 없이 정사각 모서리로 표시하며, GIF 이미지는 정적 썸네일로 표시되어도 된다.
|
||||
- 리스트형 공지 표시는 Figma처럼 item 최상단에 pin icon과 `Notice` label을 한 줄로 표시한다.
|
||||
- 리스트형 본인 채널 유료 가격 표시는 Figma처럼 우측 상단 capsule(`cash` icon + 12sp 가격)로 표시하고, 유료 미구매 중앙 가격 표시는 lock 아래 흰색 capsule로 표시한다.
|
||||
- 모든 사용자 표시 문구는 문자열 리소스로 관리한다.
|
||||
- Figma localhost asset URL은 앱 코드에 직접 사용하지 않는다.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user