Story: 캠페인 목록 정렬/필터 옵션

메타

항목	값
Story ID	E-02-S-06
Epic	E-02 Deep Layer
상태	ready-for-dev
우선순위	P1
규모	S
담당 개발자	수민 (FE)

---

사용자 스토리

As a 캠페인을 많이 운영하는 셀러,
I want 캠페인 목록을 정렬하고 필터링하고 싶다,
So that 문제 캠페인이나 고성과 캠페인을 빠르게 찾을 수 있다.

---

수락 기준 (Acceptance Criteria)

AC-01: 정렬 옵션

항목	내용
Given	Deep Layer 캠페인 목록에서
When	정렬 드롭다운을 클릭하면
Then	ROAS/광고비/순이익/전환매출별 정렬 옵션이 표시된다

정렬 옵션:
- ROAS 낮은순 (기본) - 문제 캠페인 우선
- ROAS 높은순
- 광고비 높은순/낮은순
- 순이익 높은순/낮은순
- 전환매출 높은순/낮은순

AC-02: 정렬 적용

항목	내용
Given	정렬 옵션을 선택했을 때
When	선택이 완료되면
Then	캠페인 목록이 선택한 기준으로 재정렬된다
And	현재 정렬 기준이 드롭다운에 표시된다

AC-03: 정렬 유지

항목	내용
Given	정렬 기준을 선택한 상태에서
When	기간 필터를 변경하거나 페이지를 새로고침하면
Then	선택한 정렬 기준이 유지된다

---

태스크 분해

Task 1: 정렬 드롭다운 UI AC-01, AC-02

• [ ] 1.1: 정렬 드롭다운 컴포넌트 구현
• [ ] 1.2: 정렬 옵션 목록 (ROAS/광고비/순이익/전환매출)
• [ ] 1.3: 오름차순/내림차순 토글

Task 2: 정렬 로직 AC-02

• [ ] 2.1: 클라이언트 사이드 정렬 (초기 데이터)
• [ ] 2.2: 정렬 기준 변경 시 목록 갱신

Task 3: 상태 유지 AC-03

• [ ] 3.1: URL 파라미터로 정렬 기준 저장
• [ ] 3.2: 기간 필터 변경 시 정렬 유지

Task 4: GA4 이벤트

• [ ] 4.1: change_sort_option 이벤트 구현

---

이벤트 로깅

이벤트명	트리거	파라미터
change_sort_option	정렬 옵션 변경	{sort_by, sort_order, campaign_count}

---

Dev Notes

정렬 기준 상세

기준	정렬 기본값	설명
ROAS	낮은순	문제 캠페인 우선 표시
광고비	높은순	비용 많이 쓰는 캠페인 우선
순이익	낮은순	손해 캠페인 우선
전환매출	높은순	주요 캠페인 우선

의존성

• E-02-S-01: GNB 메뉴 구조 변경
• E-02-S-02: 검색/비검색 분리 API (데이터 제공)

---

변경 이력

날짜	변경 내용
2026-01-26	스토리 생성

---

생성일: 2026-01-26
최종 수정: 2026-01-26