axios 서버에서 데이터 가져오기.

axios 또한, Promise를 반환한다고 한다.

 

https://qwefdg3.tistory.com/363

fetch로 서버로부터 데이터를 받아와 동적으로 html 추가

이건 fetch로 했던 거

 

 

그리고 또, fetch보다 더 쉽다. 더 많은 편의기능을 제공한다고 한다. 업그레이드버전? 이라고 보는 것도 맞겠다. 

 

Node.js에서도 둘 다 패키지 설치해서 사용할 수 있지만, 편의기능이 더 많은 Axios가 더 인기가 많다. 

 

axios.get(SERVER_PATH)

.then(_response=>{

  console.log(_response.data);

}).catch(e=>{

  console.log(e);

});

get이 fetch라고 보면 된다. 근데 내부적으로 async await이런 거 알아서 다 해주는 듯 하다.

 

근데, 저거 typeof 해 보면 그냥 Object 라고 나온다.

뭐 chatGPT한테 물어보면 AxiosResponse라고 나오는데, 그건 instanceof 해보니까 인식을 못한다.

 

외부에서 라이브러리에서 불러와서 그런가?

 

여튼 근데, .then()이나 .catch() 이런 거 붙여서 쓸 수 있으니까, Promise 계열이라고 보면 된다.

 

얘는 굳이 fetch() 썼을 때 처럼 _response.json() 안해줘도 되고,

_response.data

라고 해서 객체로 제공해준다.