fetch와 axios

둘 모두 ajax 라이브러리이다.

 

(return값은 Promise type이다.)

 

- fetch는 웹 API로써 기본적으로 제공하는 비동기 요청 함수이다.

 

- 응답 및 요청 데이터를 자동으로 json형식으로 변환해주지 않는다. 따라서, 응답한 데이터를 response.json() 처리를 한 후에 사용할 수 있다.

 

- 또한, 일부 익스플로어 버전에서는 지원하지 않는다.

 

https://www.daleseo.com/js-window-fetch/

[자바스크립트] fetch() 함수로 API 호출하기

 

response.json() 후 data로 전달하면 object로 사용할 수 있다.(근데 설명상으로는 json형태로 되어있다)

 

 

 

axios는 Promise API를 활용한 http 비동기 통신 라이브러리이다.  

 

 

axios는 자동으로 데이터를 json 형식으로 변환을 해 준다.

 

또한, fetch 메서드보다 지원하는 IE 버전이 더 많다

 

 

 

axios나 fetch를 사용할 때, 원하는 data를 두 번째 인자로 넣는데 이는 http request시 body에 담겨서 전달이 된다.