axios✨

axios 는 fetch에 비해 아주 간편하다.

일단 axios를 사용하기 위해 라이브러리를 추가해준다.

가장 큰 특징은 요청과 응답이 모두 JSON 타입이다.

Request

• data : JSON Type 기본. ( fetch 처럼 JSON.stringify 필요 없음)
• header : {'Content-Type': 'application/json'}

Response

• then : 응답 Data는 매개변수.data로 접근 가능.
  -- 이 then에서 모두 받음. (( fetch 와의 차이점 ))
• catch : axios는 상태코드가 2xx의 범위를 넘어가면 거부되어 catch절로 분기함.
  이때 catch 절의 매개변수는 response 속성으로 error 내용 전체를 객체 형태로 전달받음.
  error.response : error 내용 전체를 객체 형태로 전달받음.
  error.response.status : status 확인 가능
  error.message : 브라우저의 Error_Message, "Request failed with status code 415
  

📢 실습시 axios 를 이용해서 만든 리스트 function