Skip to content

feat(explore): Explore → Editorial 페이지 데이터 연동 및 UI 완성 #40

Description

@thxforall

개요

Explore 페이지와 Editorial 페이지의 데이터 연동 및 UI 완성.

담당: @thxforall
Epic: #35

현재 상태

  • Explore (/explore): ExploreClient — Pinterest 스타일 masonry grid ✅
    • 무한 스크롤, 카테고리 필터, 검색 지원
    • REST API GET /api/v1/posts 사용
  • Editorial (/editorial): ExploreClienthasMagazine prop으로 재사용 ✅
    • magazine_id가 있는 post만 필터링
  • Explore 카드 컴포넌트: ExploreCardCell, ExploreFilterBar, ExploreFilterSheet

필요한 작업

  • Editorial 페이지 데이터 확인
  • Explore 페이지 UI 개선
    • 아티스트 프로필 카드 추가 (아티스트 탭/섹션)
    • 카테고리 필터에 "Editorial" 탭 추가
    • 트렌딩 아티스트 섹션
  • 카드 디자인 리뷰
    • 에디토리얼 카드에 spot/solution 정보 표시 (아이템 수, 브랜드 태그)
    • 카드 호버 시 아이템 프리뷰
  • Editorial 전용 레이아웃 검토
    • 매거진 스타일 레이아웃 (현재는 explore와 동일한 masonry)
    • 에디토리얼 상세 뷰 (post 클릭 시 spot+solution 풀 디스플레이)

참고 파일

  • packages/web/app/explore/ExploreClient.tsx
  • packages/web/app/editorial/page.tsx
  • packages/web/lib/components/explore/ — Explore 컴포넌트
  • packages/web/app/api/v1/posts/route.ts — 포스트 API
  • packages/web/lib/hooks/useImages.ts — useInfinitePosts 훅

Metadata

Metadata

Assignees

Labels

frontend프론트엔드priority: critical서비스 오픈 전 필수 해결release: phase-11차 릴리즈 (4/5) — 코어 기능

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions