feat: 메시지 관리 페이지 API 연동 (#35) #36

Merged
seonkyu.kim merged 1 commits from feature/SPMS-35-message-api-integration into develop 2026-03-02 00:59:19 +00:00
Owner

📋 작업 요약

  • 메시지 관리 페이지(목록/등록/상세)의 Mock 데이터를 제거하고 swagger 기준 API를 연동
  • UI 컴포넌트의 JSX/렌더링은 변경 없이 데이터 로직만 변경

Closes #35

🛠️ 작업 내용 (Changes)

  • types.ts — Mock 데이터 삭제, swagger 기준 snake_case 타입 추가
  • message.api.ts — 신규 생성 (목록/상세/저장/삭제/검증 API 함수)
  • MessageListPage.tsx — fetchMessages API 연동, 서비스 필터 fetchServices로 실제 로드
  • MessageSlidePanel.tsx — fetchMessageInfo/deleteMessage API 연동
  • MessageRegisterPage.tsx — fetchServices/validateMessage/saveMessage API 연동, 서비스 선택 커스텀 드롭다운 적용
  • MessagePreview.tsx — 빈 내용 시 플레이스홀더 텍스트 제거

📢 리뷰어 참고 사항 (To Reviewers)

  • swagger에 list/info 응답 DTO가 명시되지 않아 API description 힌트 + UI 필요 필드로 추정 정의함
  • 실제 API 응답이 다르면 타입 및 매핑 함수 조정 필요

체크리스트 (Self Checklist)

  • 빌드 성공
  • npx tsc --noEmit 타입 검증 통과
  • 불필요한 로그/주석 제거
  • 컨벤션 준수
  • 기밀 정보 하드코딩 없음

📸 스크린샷 / 테스트 로그 (Screenshots/Logs)

  • 없음
## 📋 작업 요약 - 메시지 관리 페이지(목록/등록/상세)의 Mock 데이터를 제거하고 swagger 기준 API를 연동 - UI 컴포넌트의 JSX/렌더링은 변경 없이 데이터 로직만 변경 ## 🔗 관련 이슈 (Related Issues) Closes #35 ## 🛠️ 작업 내용 (Changes) - [x] `types.ts` — Mock 데이터 삭제, swagger 기준 snake_case 타입 추가 - [x] `message.api.ts` — 신규 생성 (목록/상세/저장/삭제/검증 API 함수) - [x] `MessageListPage.tsx` — fetchMessages API 연동, 서비스 필터 fetchServices로 실제 로드 - [x] `MessageSlidePanel.tsx` — fetchMessageInfo/deleteMessage API 연동 - [x] `MessageRegisterPage.tsx` — fetchServices/validateMessage/saveMessage API 연동, 서비스 선택 커스텀 드롭다운 적용 - [x] `MessagePreview.tsx` — 빈 내용 시 플레이스홀더 텍스트 제거 ## 📢 리뷰어 참고 사항 (To Reviewers) - swagger에 list/info 응답 DTO가 명시되지 않아 API description 힌트 + UI 필요 필드로 추정 정의함 - 실제 API 응답이 다르면 타입 및 매핑 함수 조정 필요 ## ✅ 체크리스트 (Self Checklist) - [x] 빌드 성공 - [x] `npx tsc --noEmit` 타입 검증 통과 - [x] 불필요한 로그/주석 제거 - [x] 컨벤션 준수 - [x] 기밀 정보 하드코딩 없음 ## 📸 스크린샷 / 테스트 로그 (Screenshots/Logs) - 없음
seonkyu.kim added 1 commit 2026-03-02 00:51:39 +00:00
- types.ts: Mock 데이터 및 camelCase 타입 삭제, swagger 기준 snake_case 타입 추가
- message.api.ts: 신규 생성 (목록/상세/저장/삭제/검증 API 함수)
- MessageListPage: MOCK_MESSAGES → fetchMessages API, 서비스 필터 fetchServices로 실제 로드
- MessageSlidePanel: MOCK_MESSAGE_DETAILS → fetchMessageInfo API, deleteMessage API 연동
- MessageRegisterPage: SERVICE_OPTIONS → fetchServices API, validateMessage → saveMessage 흐름
- MessageRegisterPage: 서비스 선택을 FilterDropdown 스타일 커스텀 드롭다운으로 변경
- MessagePreview: 빈 내용 시 플레이스홀더 텍스트 제거

Closes #35
seonkyu.kim added the
Priority
Medium
Status
In Progress
Type
Feature
labels 2026-03-02 00:51:49 +00:00
seonkyu.kim added this to the Phase 1 - 프로젝트 초기 설정 milestone 2026-03-02 00:51:50 +00:00
seonkyu.kim self-assigned this 2026-03-02 00:55:12 +00:00
seonkyu.kim requested review from Owners 2026-03-02 00:55:36 +00:00
seonkyu.kim merged commit 22c6be0002 into develop 2026-03-02 00:59:19 +00:00
seonkyu.kim deleted branch feature/SPMS-35-message-api-integration 2026-03-02 00:59:26 +00:00
seonkyu.kim added
Status
Done
and removed
Status
In Progress
labels 2026-03-02 01:00:04 +00:00
Sign in to join this conversation.
No description provided.