dpdpdndn 블로그

FE-08-route-integration

NEW2 min read

[FE-08] 라우트 통합 + 진입점 배선 (단독 통합 티켓)

작업 내용 (설계 의도)

변경 사항

근거: design-fe-app.md “라우팅·내비게이션 흐름”.

여러 티켓이 공유하는 Single Writer 공통 파일을 마지막 wave에서 단독으로 배선한다(머지 충돌 방지).

  • app/_layout.tsx(수정): limited-drop/[id]/index·limited-drop/[id]/purchase Stack.Screen 등록.
  • lib/navigation.ts(수정): ROUTES.limitedDrop = { detail, purchase } 추가.
  • 진입점(수정): 스토어 탭/상품 상세에서 한정판 회차 상품에 “한정판 구매” 링크 배선(진입점 위치는 Open Questions — 사용자 확인 후 확정).

롤백: 진입점 링크 제거 1건으로 즉시 비노출(신규 라우트는 순수 가산).

의존

  • FE-06 (S1 화면), FE-07 (S2 화면)

다이어그램

클래스 의존

flowchart LR
    Layout["_layout.tsx"] --> S1["S1(FE-06)"]
    Layout --> S2["S2(FE-07)"]
    Nav["navigation.ts ROUTES"] --> Entry["스토어/상품상세 진입점"]
    Entry --> S1

테스트 케이스

  • ROUTES.limitedDrop.detail(id)가 올바른 경로 문자열을 생성한다.
  • 스토어/상품 상세의 진입점 탭 시 S1으로 이동한다.
  • Stack에 등록된 두 라우트가 헤더 없이 렌더된다(기존 화면 스타일 일관).
  • 한정판 회차가 없는 상품에는 진입점이 노출되지 않는다.

그래프 뷰