TypeScript

제네릭 타입 변환과 axios,fetch

otopligrm 2025. 9. 12. 18:27

프론트와 백엔드가 소통할 때에 서버에서 온 응답을 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