Story: 정산 분석 페이지 분리

메타

항목	값
Story ID	E-01-S-02
Epic	E-01 랜딩/GTM
상태	ready-for-dev
우선순위	P0
규모	M
담당 개발자	수민 (FE)

---

사용자 스토리

As a 정산 분석에 관심 있는 방문자,
I want 정산 분석 전용 페이지를 통해 기능을 알고 싶다,
So that 광고 분석과 별개로 정산 분석 가치를 이해하고 가입할 수 있다.

---

수락 기준 (Acceptance Criteria)

AC-01: /settlement 페이지 접근

항목	내용
Given	사용자가 GNB에서 "정산 분석"을 클릭하거나 /settlement URL로 접속했을 때
When	페이지가 로드되면
Then	정산 분석 전용 랜딩페이지가 표시된다

AC-02: 기존 정산 콘텐츠 이관

항목	내용
Given	/settlement 페이지가 로드되었을 때
When	사용자가 콘텐츠를 확인하면
Then	기존 메인 랜딩의 정산 관련 콘텐츠가 표시된다

포함 콘텐츠:
- 정산 분석 히어로 섹션
- 상품별 순이익 자동 계산 가치
- 엑셀 대체 메시지
- CTA (가입 페이지 연결)

AC-03: 광고 분석 연결

항목	내용
Given	사용자가 /settlement 페이지에 있을 때
When	페이지 하단에 도달하면
Then	"광고 분석도 함께" 섹션이 표시되고 메인으로 연결된다

AC-04: GNB에서 현재 페이지 표시

항목	내용
Given	사용자가 /settlement 페이지에 있을 때
When	GNB를 확인하면
Then	"정산 분석" 메뉴가 활성화(하이라이트) 상태로 표시된다

---

태스크 분해

Task 1: /settlement 페이지 생성 AC-01

• [ ] 1.1: pages/settlement.tsx 생성
• [ ] 1.2: 페이지 라우팅 확인

Task 2: 콘텐츠 이관 AC-02

• [ ] 2.1: 기존 정산 관련 콘텐츠 추출
• [ ] 2.2: 정산 히어로 섹션 생성
• [ ] 2.3: 정산 가치 블록 생성
• [ ] 2.4: CTA 버튼 연결

Task 3: 광고 분석 연결 섹션 AC-03

• [ ] 3.1: "광고 분석도 함께" 섹션 컴포넌트
• [ ] 3.2: 메인(/) 링크 연결

Task 4: GNB 연동 AC-04

• [ ] 4.1: GNB active 상태 로직 추가
• [ ] 4.2: /settlement에서 "정산 분석" 하이라이트

Task 5: 마무리

• [ ] 5.1: GA4 이벤트 (view_settlement_landing)
• [ ] 5.2: 반응형 확인
• [ ] 5.3: QA

---

Dev Notes

영향 받는 소스 트리

sellerking-landing-amplify/
├── pages/
│   └── settlement.tsx          # 🆕 신규 생성
├── components/
│   ├── SettlementHero.tsx      # 🆕 신규 생성
│   ├── SettlementValue.tsx     # 🆕 신규 생성
│   ├── AdAnalysisLink.tsx      # 🆕 신규 생성
│   └── GNB.tsx                 # 수정 (active 상태)

충돌 감지

항목	상태	설명
기존 코드 충돌	✅ 없음	신규 페이지
API 계약 변경	✅ 없음	-
DB 스키마 변경	✅ 없음	-

---

이벤트 로깅

이벤트명	트리거	파라미터	GA4 여부
view_settlement_landing	페이지 진입	-	✅
click_settlement_cta	CTA 클릭	-	✅
click_ad_analysis_link	광고 분석 연결 클릭	-	✅

---

핸드오프 전 체크리스트

• [x] 사용자 스토리가 명확한가?
• [x] 수락 기준이 Given-When-Then 형식인가?
• [x] 태스크 분해가 구체적인가?
• [x] 이벤트 로깅이 정의되었는가?

---

검증 결과: ✅ PASS 검증일: 2026-01-20

---

생성일: 2026-01-20