Skip to content

Update Network Configuration to v0.7.5 #52

@thxforall

Description

@thxforall

✅ 네트워크 구성 v0.7.5 업데이트 계획

현재 v0.7.0 → v0.7.5 네트워크 요청 방식을 최적화하고, API 상호작용을 개선하며, 응답 처리를 표준화하기 위해 업데이트를 진행합니다.
이 업데이트는 다음의 주요 단계를 포함합니다.

🚀 작업 단계 및 체크리스트

1️⃣ OpenAPI 기반 TypeScript 타입 정의

  • openapi-typescript-codegen을 설정하여 API 타입을 자동 생성
  • 백엔드 OpenAPI 스펙과 일치하도록 openapi-typescript-codegen 구성
  • 생성된 타입을 검토하고 일관성을 유지하도록 정리
  • 기존에 수동으로 정의한 타입을 자동 생성된 타입으로 대체
  • 모든 API 호출이 새롭게 생성된 타입을 올바르게 사용하도록 검증

2️⃣ NetworkManager 제거 및 React Query로 대체

  • 기존 NetworkManager 제거 및 API 호출 방식 리팩터링
  • axios 기반 공통 API 인스턴스(api.ts) 설정
  • useQuery 및 useMutation 훅을 활용하여 API 요청 처리
  • React Query를 사용해 API 요청 방식을 통일
  • API 호출 방식이 정상 동작하는지 테스트 및 검증

3️⃣ 응답 및 에러 핸들링 표준화

  • API 응답을 위한 중앙화된 에러 핸들링 시스템 구현
  • 변경된 응답 처리 방식을 반영하여 모달 및 알림 UI 업데이트
  • 모든 API 에러가 일관되게 처리되고 로깅되도록 보장
  • 다양한 에러 시나리오 테스트를 통해 UI 피드백 정상 동작 확인

📌 추가 고려 사항

  • 필요한 경우, 기존 기능과의 호환성 유지
  • 새로운 API 통합 방식에 맞춰 문서 업데이트
  • 단위 및 통합 테스트가 변경된 방식에 맞게 적용되었는지 검증

Metadata

Metadata

Assignees

Projects

Status

In Progress

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions