[Feature] 발송 통계 페이지 API 연동 #39

New Issue

seonkyu.kim · 2026-03-02T02:50:48Z

seonkyu.kim commented

2026-03-02 02:50:48 +00:00

설명

발송 통계 2개 페이지(통계 대시보드 + 발송 이력)를 Mock 데이터에서 실제 swagger API(/v1/in/stats/*)로 연동한다.
기기/메시지 관리와 동일한 패턴(loadData + useCallback + 서버 필터링) 적용.
차트 컴포넌트(6개) JSX는 유지하고, 페이지/패널의 데이터 로직 + 필드 매핑만 변경.

체크리스트

types.ts: Mock 데이터 삭제, swagger 기준 요청/응답 타입 추가
statistics.api.ts: 신규 생성 (6개 API 함수)
StatisticsPage.tsx: 4개 API 병렬 호출 + mapper 함수로 차트 props 변환
StatisticsHistoryPage.tsx: 서버 필터링, API 페이지네이션, 엑셀 다운로드
HistorySlidePanel.tsx: fetchHistoryDetail API 호출, 로딩 스켈레톤

## 설명 발송 통계 2개 페이지(통계 대시보드 + 발송 이력)를 Mock 데이터에서 실제 swagger API(`/v1/in/stats/*`)로 연동한다. 기기/메시지 관리와 동일한 패턴(`loadData` + `useCallback` + 서버 필터링) 적용. 차트 컴포넌트(6개) JSX는 유지하고, 페이지/패널의 데이터 로직 + 필드 매핑만 변경. ## 체크리스트 - [ ] `types.ts`: Mock 데이터 삭제, swagger 기준 요청/응답 타입 추가 - [ ] `statistics.api.ts`: 신규 생성 (6개 API 함수) - [ ] `StatisticsPage.tsx`: 4개 API 병렬 호출 + mapper 함수로 차트 props 변환 - [ ] `StatisticsHistoryPage.tsx`: 서버 필터링, API 페이지네이션, 엑셀 다운로드 - [ ] `HistorySlidePanel.tsx`: fetchHistoryDetail API 호출, 로딩 스켈레톤

seonkyu.kim added the

labels 2026-03-02 02:51:22 +00:00

seonkyu.kim self-assigned this 2026-03-02 02:51:56 +00:00

seonkyu.kim added this to the Phase 1 - 프로젝트 초기 설정 milestone 2026-03-02 02:51:57 +00:00

seonkyu.kim referenced this issue from a commit

2026-03-02 02:52:33 +00:00