Skip to content

refactor: 홈 화면 개선 #336

Description

@iOdiO89

Epic: 홈/토너먼트/보관 화면 개선안 반영
선행 권장: 5번(하단 탭), 6번(보관 분리) — 하단 네비 관련 항목은 5번으로 이관됨

작업 내용

  • 개선 02 — CTA 버튼 위계/라이팅 개선
    • '위시 담기'(강조) vs '토너먼트 만들기' / '초대받은 토너먼트 참여하기' 위계 재구성 + 문구 개선
    • 관련: app/home/_components/AddWishHomeDialog.tsx, CreateTournamentDialog.tsx, InviteTournamentButton.tsx
  • 개선 03 — 라이팅 변경: 진행 중인 토너먼트참여 중인 토너먼트
    • 위치: app/home/_components/tournament-list/client.tsx<h2>
  • 개선 03 — 카드 전체 클릭 영역 확장
    • 현재 제목(<Link>)만 클릭 → 카드 전체 클릭 (components/tournament-card/index.tsx)
    • 더보기 팝오버 영역과 클릭 충돌 주의
    • 참고: '위시 추가하기 / 삭제하기' 팝오버 메뉴는 MorePopover이미 구현됨(PENDING 기준)
  • 개선 04 — 상태 칩 아이콘 제거
    • components/status-chip/index.tsx 의 Basket/Target/Trophy 아이콘 제거, 텍스트만 노출
  • 개선 04 — 프로필 아이콘 크기 축소 (UserProfileGroup)
  • 개선 04 — 참여 중 토너먼트 최대 3개(최신순): ✅ API limit 파라미터로 처리
    • getTournamentList 에 limit 추가, tournament-list/client.tsx 는 응답 그대로 렌더
  • ⚠️ 개선 04 — 카드 좌측에 "가장 최근 담은 상품 썸네일" 노출
    • TournamentT(types/tournament.ts) 에 썸네일 필드 없음 → 토너먼트 리스트 응답에 썸네일 배열 필드 추가 요청(백엔드)
    • TournamentCard 에 썸네일 슬롯 추가 (디자인상 1개 노출, 응답은 최대 2개 배열)

※ 개선 01(마이 탭 하단 이동), 개선 05(하단 네비 개편/글래스/그라디언트) → 5번 이슈에서 처리

관련 파일

app/home/page.tsx, app/home/_components/**, components/tournament-card/**, components/status-chip, types/tournament.ts, apis/getTournamentList.ts

응답 구조 변경 (백엔드 선행)

GET /api/v1/tournaments

  • limit 파라미터 추가 (홈 최대 3개)
  • 대표 썸네일 배열 필드 추가 — 최신 등록 후보 thumbnail 최대 2개, 예: thumbnailUrls: string[]

Metadata

Metadata

Assignees

Labels

WEBrefactorExtra attention is needed

Fields

No fields configured for Feature.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions