Fetch API와 Axios의 비교

Fetch

fetch 표준 문서

• 쿼리 파라미터 사용하는 방법
  • 문자열로 사용하는 법
  • 'URL' 객체와 'URLSearchParams' 객체 사용하기
• 헤더 사용하는 방법
• JSON 사용하는 법
  • 헤더 설정 필수: 'Content-Type: application/json'
  • 직려로하와 파싱 필수: 'JSON.stringify()'와 'response.json()

 

Axios

라이브러리 개념: 다른 개발자들이 미리 만들어 놓은 코드 가져다 쓰는 것

axios 개발 문서

• axios 인스턴스 활용
  • `baseURL` 지정 가능 (중복 코드 제거하기)
  • 모든 리퀘스트에 공통으로 설정 가능 (헤더나 쿼리 등)
• 메소드 사용하는 방법: `.get()` , `.post()` 등 함수로 사용
• 쿼리 파라미터, 헤더 사용하는 방법
• JSON 사용하는 방법
  • 헤더 설정 필요 없음
  • 직렬화와 파싱 필요 없음

 

fetch는 설치할 필요가 없지만 axios는 따로 설치를 해야합니다.

그럼에도 axios를 많이 사용하는 이유 fetch보다 더욱 편리한 API기능 제공과,

비동기 처리 작업에 있어 더 편리하고 직관적이기 때문입니다.

 

 

+내용 추가하기