SPMS/SPMS_WEB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Feature] 발송 관리 페이지 구현 (발송 통계 + 발송 이력) #23

New Issue
Closed
opened 2026-02-27 14:28:38 +00:00 by seonkyu.kim · 0 comments
seonkyu.kim commented 2026-02-27 14:28:38 +00:00
Owner
Copy Link

설명

발송 관리 메뉴 하위 2개 페이지를 HTML 시안 기반으로 구현한다.

발송 통계 (/statistics)

  • 4개 통계 카드 (총 발송/성공률/실패율/오픈율)
  • 월간 발송 추이 라인 차트 (발송/성공/오픈 3라인)
  • 플랫폼별 발송 도넛 차트 (iOS/Android)
  • 시간대별 발송 바 차트 (24시간)
  • 최근 발송 이력 테이블 (5행)
  • 오픈율 Top 5 랭킹
  • 날짜/서비스 필터

발송 이력 (/statistics/history)

  • 검색 + 서비스/상태/날짜 필터
  • 발송 이력 테이블 (발송 ID, 메시지 ID, 템플릿명 등)
  • 행 클릭 → 슬라이드 패널 (발송 상세)
  • 메시지 목록으로 이동 시 메시지 ID 필터 연동
  • 페이지네이션

공통

  • 브레드크럼 발송 관리 그룹 라벨 추가
  • 날짜 필터 기본값: 오늘 기준 1달 전 ~ 오늘
  • 대시보드와 동일한 카드/차트 스타일 통일

체크리스트

  • types.ts (타입 + 목 데이터 15건)
  • StatsSummaryCards (대시보드 스타일 통일)
  • MonthlyTrendChart (SVG 라인 차트)
  • PlatformDistribution (SVG 도넛 차트)
  • HourlyBarChart (CSS 바 차트)
  • RecentHistoryTable
  • OpenRateTop5
  • HistorySlidePanel (발송 상세)
  • StatisticsPage 조립
  • StatisticsHistoryPage 조립
  • 브레드크럼 그룹 라벨 처리
  • 메시지 목록 연동 (messageId 쿼리 파라미터)
## 설명 발송 관리 메뉴 하위 2개 페이지를 HTML 시안 기반으로 구현한다. ### 발송 통계 (`/statistics`) - 4개 통계 카드 (총 발송/성공률/실패율/오픈율) - 월간 발송 추이 라인 차트 (발송/성공/오픈 3라인) - 플랫폼별 발송 도넛 차트 (iOS/Android) - 시간대별 발송 바 차트 (24시간) - 최근 발송 이력 테이블 (5행) - 오픈율 Top 5 랭킹 - 날짜/서비스 필터 ### 발송 이력 (`/statistics/history`) - 검색 + 서비스/상태/날짜 필터 - 발송 이력 테이블 (발송 ID, 메시지 ID, 템플릿명 등) - 행 클릭 → 슬라이드 패널 (발송 상세) - 메시지 목록으로 이동 시 메시지 ID 필터 연동 - 페이지네이션 ### 공통 - 브레드크럼 발송 관리 그룹 라벨 추가 - 날짜 필터 기본값: 오늘 기준 1달 전 ~ 오늘 - 대시보드와 동일한 카드/차트 스타일 통일 ## 체크리스트 - [x] types.ts (타입 + 목 데이터 15건) - [x] StatsSummaryCards (대시보드 스타일 통일) - [x] MonthlyTrendChart (SVG 라인 차트) - [x] PlatformDistribution (SVG 도넛 차트) - [x] HourlyBarChart (CSS 바 차트) - [x] RecentHistoryTable - [x] OpenRateTop5 - [x] HistorySlidePanel (발송 상세) - [x] StatisticsPage 조립 - [x] StatisticsHistoryPage 조립 - [x] 브레드크럼 그룹 라벨 처리 - [x] 메시지 목록 연동 (messageId 쿼리 파라미터)
seonkyu.kim added the
Priority
Medium
Status
Available
Type
Feature
 labels 2026-02-27 14:28:47 +00:00
seonkyu.kim added this to the Phase 1 - 프로젝트 초기 설정 milestone 2026-02-27 14:28:52 +00:00
seonkyu.kim self-assigned this 2026-02-27 14:30:39 +00:00
seonkyu.kim added
Status
In Progress
 and removed
Status
Available
 labels 2026-02-27 14:30:55 +00:00
seonkyu.kim added
Status
Done
 and removed
Status
In Progress
 labels 2026-02-27 14:46:22 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
  
Priority
High
우선순위: 높음

  
Priority
Low
우선순위: 낮음

  
Priority
Medium
우선순위: 보통 [기본]

  
Priority
Non
우선순위: 없음 [처리 시점 유연]

  
Priority
Urgent
우선순위: 긴급 [지연 금지, 즉시 처리]

  
Status
Available
시작 전

  
Status
Done
종료

  
Status
In Progress
진행 중

  
Type
Bug
버그 수정

  
Type
Chore
유지보수

  
Type
Design
디자인

  
Type
Documentation
문서화

  
Type
Feature
새 기능 추가

  
Type
Improvement
기능 개선

  
Type
Refactor
리팩토링

  
Type
Research
연구, 조사

  
Type
Task
할 일

No Label
Priority
High
Priority
Low
Priority
Medium
Priority
Non
Priority
Urgent
Status
Available
Status
Done
Status
In Progress
Type
Bug
Type
Chore
Type
Design
Type
Documentation
Type
Feature
Type
Improvement
Type
Refactor
Type
Research
Type
Task
Milestone
Clear milestone
No items
No Milestone
Phase 1 - 프로젝트 초기 설정
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
seonkyu.kim
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: SPMS/SPMS_WEB#23
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?