프론트와 백엔드가 소통할 때에 서버에서 온 응답을 JSON객체로 변환하고
이 JSON타입을 타입스크립트의 타입 T로 변환을 합니다.
구분 fetch (브라우저 내장)
axios (외부 라이브러리)
| 제공 방식 | 브라우저 내장 (설치 불필요) | 별도 설치 필요 (npm i axios) |
| 기본 기능 | 아주 단순한 HTTP 요청만 | HTTP 요청 + 부가 기능 풍부 |
| 응답 처리 | res.json() 직접 호출 필요 | 자동으로 JSON 파싱 (response.data) |
| 에러 처리 | 네트워크 에러만 throw, 404/500도 성공으로 처리됨 | 상태 코드 200대 아니면 자동으로 reject |
| 요청 취소 | AbortController 필요 | 취소 토큰 제공 |
| 브라우저 호환성 | 최신 브라우저만 | 오래된 브라우저도 지원 |
| 추가 기능 | 없음 | 인터셉터, 자동 헤더, timeout 등 지원 |
'TypeScript' 카테고리의 다른 글
| [TypeScript] 타입스크립트 기본 타입 알아보기 (0) | 2025.07.29 |
|---|