fetch, json()함수, axios

노마드코더 클론코딩에서 나는 axios라는 라이브러리의 도움으로 AJAX 를 하였다.

fetch는 데이터를 응답하기만하고, 바로 뒤에오는 응답에대해 json()을 해줘야 한다.

axios는 json()과정을 자동으로 해준다.

따라서, axios를 사용할 경우, res.json()단계를 넘어가도 좋다.

그러나 axios로 받아오는 데이터는 서버에서 넘겨주는 body데이터 외에 부가적인 정보가 포함되어 있기 때문에, 원하는 data만 골라서 사용해야 한다.


npm install axios


axios
  .get(url)
  .catch((err) => console.log("BAD", error))
  .then((res) => console.log("GOOD", response));