장사왕 스프린트 대시보드

테마

Story: GNB 메뉴 구조 변경 (실험실 → 정식) ​

메타 ​

항목값
Story IDE-02-S-01
EpicE-02 Deep Layer
상태ready-for-dev
우선순위P0
규모M
담당 개발자수민 (FE)

사용자 스토리 ​

As a 장사왕 사용자,
I want GNB에서 "광고 분석" 메뉴를 쉽게 찾고 싶다,
So that 실험실을 찾지 않아도 광고 분석 기능을 바로 사용할 수 있다.

수락 기준 (Acceptance Criteria) ​

AC-01: GNB에 광고 분석 메뉴 추가 ​

항목내용
Given사용자가 로그인한 상태에서
WhenGNB를 확인하면
Then"광고 분석" 메뉴가 표시된다

AC-02: 하위 메뉴 구조 ​

항목내용
Given사용자가 "광고 분석" 메뉴를 클릭했을 때
When하위 메뉴가 펼쳐지면
Then"광고 진단"(Surface)과 "캠페인 대시보드"(Deep)가 표시된다
[메뉴 구조]
광고 분석 ▼
├── 광고 진단 (Surface Layer)
└── 캠페인 대시보드 (Deep Layer)

AC-03: 실험실 메뉴 정리 ​

항목내용
GivenGNB 메뉴가 변경된 후
When실험실 메뉴를 확인하면
Then광고 관련 메뉴가 제거되어 있다 (또는 실험실 자체 제거)

AC-04: 현재 페이지 하이라이트 ​

항목내용
Given사용자가 광고 분석 페이지에 있을 때
WhenGNB를 확인하면
Then해당 메뉴가 활성화 상태로 표시된다

태스크 분해 ​

Task 1: GNB 메뉴 추가 AC-01, AC-02 ​

  • [ ] 1.1: GNB 컴포넌트에 "광고 분석" 메뉴 추가
  • [ ] 1.2: 하위 메뉴 드롭다운 구현
  • [ ] 1.3: 라우팅 연결 (/ad-analysis, /ad-diagnosis)

Task 2: 실험실 정리 AC-03 ​

  • [ ] 2.1: 실험실에서 광고 분석 메뉴 제거
  • [ ] 2.2: 실험실 메뉴 필요 여부 검토 (비어있으면 제거)

Task 3: 활성화 상태 AC-04 ​

  • [ ] 3.1: 현재 경로 기반 메뉴 하이라이트 로직
  • [ ] 3.2: 하위 메뉴 포함 활성화 처리

Task 4: GA4 이벤트 ​

  • [ ] 4.1: 메뉴 클릭 이벤트 추가

Dev Notes ​

영향 받는 소스 트리 ​

sellerking-web/
├── components/
│   └── GNB/
│       └── GNB.tsx            # 수정
└── pages/
    └── ad-analysis/           # 기존 실험실 경로 변경 가능

이벤트 로깅 ​

이벤트명트리거파라미터GA4 여부
click_gnb_menuGNB 메뉴 클릭{menu: 'ad_analysis'}✅

생성일: 2026-01-20

장사왕 Product Team

© 2026 장사왕