Vue/Vue21 Vue 2.6에서 Vue Query Devtools 연동 도전기 회사에서 진행하는 Vue2 기반 프로젝트에서는 API 통신을 기본적으로 axios로 처리하고 있었다.❌ 기존 axios 통신의 한계상태 관리 미흡: API 호출 결과를 Vuex나 로컬 상태로 직접 관리해야 해서 로딩/에러/성공 상태를 명시적으로 처리하는 반복적인 코드가 많았다.서로 다른 API 간 연계 어려움: 예를 들어 "등록 성공 시 목록 자동 갱신" 과 같은 API 간 상호작용은 별도로 watch, emit, 또는 강제 리프레시 로직을 작성해야 했다.불필요한 재요청: 동일한 API 요청을 여러 컴포넌트에서 수행할 경우 중복 요청이 발생했고, 이를 캐싱하거나 취소하는 로직은 매번 수작업으로 구현해야 했다.공통 로직 중복: try/catch, loading, errorMessage 처리 코드가 API마.. 2025. 7. 21. 이전 1 다음