feat: 기기 관리 페이지 API 연동 (#37) #38

seonkyu.kim · 2026-03-02T01:47:29Z

seonkyu.kim commented

2026-03-02 01:47:29 +00:00

📋 작업 요약

기기 관리 페이지(목록/상세 패널)를 Mock 데이터에서 실제 swagger API로 연동
메시지 관리와 동일한 패턴(loadData + useCallback + 서버 필터링) 적용

Closes #37

🛠️ 작업 내용 (Changes)

types.ts: DeviceSummary/MOCK_DEVICES/SERVICE_FILTER_OPTIONS 삭제, swagger 기준 snake_case 타입 추가
device.api.ts: 신규 생성 (fetchDevices, deleteDevice, exportDevices)
DeviceListPage.tsx: loadData 서버 필터링, fetchServices 서비스 목록, 엑셀 내보내기
DeviceSlidePanel.tsx: DeviceListItem 타입 적용, deleteDevice API 호출 연동

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

API 서버가 아직 없어 실제 동작 테스트는 미진행
메시지 관리 페이지(MessageListPage)와 동일한 패턴 사용

✅ 체크리스트 (Self Checklist)

빌드 성공 (tsc --noEmit 통과)
테스트 통과 (API 서버 미연결로 미확인)
불필요한 로그/주석 제거
컨벤션 준수
기밀 정보 하드코딩 없음

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

없음 (API 서버 미연결)

## 📋 작업 요약 - 기기 관리 페이지(목록/상세 패널)를 Mock 데이터에서 실제 swagger API로 연동 - 메시지 관리와 동일한 패턴(loadData + useCallback + 서버 필터링) 적용 ## 🔗 관련 이슈 (Related Issues) Closes #37 ## 🛠️ 작업 내용 (Changes) - [x] `types.ts`: DeviceSummary/MOCK_DEVICES/SERVICE_FILTER_OPTIONS 삭제, swagger 기준 snake_case 타입 추가 - [x] `device.api.ts`: 신규 생성 (fetchDevices, deleteDevice, exportDevices) - [x] `DeviceListPage.tsx`: loadData 서버 필터링, fetchServices 서비스 목록, 엑셀 내보내기 - [x] `DeviceSlidePanel.tsx`: DeviceListItem 타입 적용, deleteDevice API 호출 연동 ## 📢 리뷰어 참고 사항 (To Reviewers) - API 서버가 아직 없어 실제 동작 테스트는 미진행 - 메시지 관리 페이지(MessageListPage)와 동일한 패턴 사용 ## ✅ 체크리스트 (Self Checklist) - [x] 빌드 성공 (tsc --noEmit 통과) - [ ] 테스트 통과 (API 서버 미연결로 미확인) - [x] 불필요한 로그/주석 제거 - [x] 컨벤션 준수 - [x] 기밀 정보 하드코딩 없음 ## 📸 스크린샷 / 테스트 로그 (Screenshots/Logs) - 없음 (API 서버 미연결)

seonkyu.kim added 1 commit 2026-03-02 01:47:29 +00:00

feat: 기기 관리 페이지 API 연동 (#37 ) 589a0d67ce

- types.ts: DeviceSummary/MOCK_DEVICES/SERVICE_FILTER_OPTIONS 삭제, swagger 기준 snake_case 타입 추가 (DeviceListItem, DeviceListRequest 등)
- device.api.ts: 신규 생성 (fetchDevices, deleteDevice, exportDevices)
- DeviceListPage.tsx: Mock → loadData/useCallback 서버 필터링, fetchServices로 서비스 목록 로드, 엑셀 내보내기 구현
- DeviceSlidePanel.tsx: DeviceListItem 타입 적용, deleteDevice API 호출 연동

Closes #37

seonkyu.kim added the

labels 2026-03-02 01:47:41 +00:00

seonkyu.kim self-assigned this 2026-03-02 01:47:44 +00:00

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

seonkyu.kim merged commit e37066ce31 into develop

2026-03-02 01:52:15 +00:00