-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[NDD-86] 상태관리 라이브러리 추가 (순수 세팅 시간 1h/8h) (상태 관리 고민시간 4h/???) (#25)
* chore: axios 라이브러리 추가 * chore: axios 기본 instance 생성 * chore: tanstack query 라이브러리 추가 * chore: recoil 라이브러리 추가 * chore: tanstack query devtools 추가
- Loading branch information
1 parent
1b78485
commit 2e4c48f
Showing
5 changed files
with
211 additions
and
10 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,50 @@ | ||
import { BASE_URL } from '@/constants/api'; | ||
import axios, { AxiosError } from 'axios'; | ||
|
||
const api = (() => { | ||
const axiosInstance = axios.create({ | ||
baseURL: BASE_URL, | ||
timeout: 3000, | ||
responseType: 'json', | ||
headers: { | ||
'Content-Type': 'application/json', | ||
}, | ||
}); | ||
|
||
axiosInstance.interceptors.response.use( | ||
(response) => { | ||
return response; | ||
}, | ||
// TODO: console은 dev 환경에서만 동작해야 하고 실제 prod환경에서는 어떻게 처리할지 논의 해봐야함 | ||
(error: AxiosError) => { | ||
if (error.code === 'ECONNABORTED') { | ||
alert('서버에 이상이 있습니다.'); | ||
} | ||
switch (error.response?.status) { | ||
case 401: | ||
console.warn('401: 인증정보 없음'); | ||
break; | ||
case 403: | ||
console.warn('403: 권한 없음'); | ||
break; | ||
case 404: | ||
console.warn('404: 대상을 찾지 못함'); | ||
break; | ||
case 500: | ||
case 501: | ||
case 502: | ||
case 503: | ||
case 504: | ||
console.warn(`${error.response?.status}: 서버 오류`); | ||
break; | ||
default: | ||
console.error(`${error.response?.status}: unhandled error!`); | ||
break; | ||
} | ||
return Promise.reject(error); | ||
} | ||
); | ||
return axiosInstance; | ||
})(); | ||
|
||
export default api; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
const BASEURL = ''; | ||
export const BASE_URL = ''; | ||
|
||
type Id = number; | ||
|
||
|