Skip to content

refactor: 하단 탭 네비게이션 개편 (4탭 + 글래스) #340

Description

@iOdiO89

Epic: 홈/토너먼트/보관 화면 개선안 반영
선행 필수: 6번(보관 페이지 분리) — 위시/토너먼트 탭 경로가 필요
홈 개선안 01·05 + 보관 개선안과 동일 컴포넌트(bottom-tab-bar)

현재 상태

  • components/bottom-tab-bar/index.tsx — 2탭 (홈 / 보관)
  • 홈 헤더 우측에 프로필(마이) 아이콘 (app/home/page.tsxHeaderIcon name="PROFILE")

작업 내용

  • 탭 구성: 홈 / 위시 / 토너먼트 / 마이 (4개)
    • 위시 → /archive/wish (6번), 토너먼트 → /archive/tournament (6번), 마이 → ROUTES.MYPAGE
  • '마이' 탭 신설 → 홈 헤더의 프로필 아이콘 제거하고 탭바로 이동 (개선 01)
  • 글래스(blur) 효과 적용 (개선 05)
  • 배경 그라디언트: 0% FFFFFF → 100% Gray/50 (개선 01)
    • 현재 createPortal 하단 그라데이션 오버레이 → 글래스로 교체
  • 각 탭 active 판별 로직 신규 경로 기준으로 갱신

관련 파일

components/bottom-tab-bar/index.tsx, consts/route.ts, app/home/page.tsx

Metadata

Metadata

Assignees

Labels

WEBfeatureNew feature or requestrefactorExtra attention is needed

Type

Fields

No fields configured for Task.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions