axios에 대해서 알아보자

🎀 axios란?

Ajax 통신을 할 수 있게 해주는 외부 패키지이다.

axios
  .get('https://jsonplaceholder.typicode.com/users')
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

fetch가 axios.get으로 변경된 것을 제외하면 사용법이 똑같다.

🎀 fetch 함수와 다른점

• 모든 리퀘스트, 리스폰스에 대한 공통 설정 및 공통된 전처리 함수 삽입 가능
• serialization, deserialization을 자동으로 수행
• 특정 리퀘스트에 대해 얼마나 오랫동안 리스폰스가 오지 않으면 리퀘스트를 취소할지 설정 가능(request timeout)
• 업로드 시 진행 상태 정보를 얻을 수 있음
• 리퀘스트 취소 기능 지원