Axios

Axios는 브라우저와 Node.js 모두에서 HTTP 요청을 만드는 데 사용되는 인기 있는 JavaScript 라이브러리입니다. RESTful API와 상호작용하고 비동기 작업을 처리하는 간단하고 우아한 방법을 제공합니다. Axios는 브라우저의 기본 XMLHttpRequest 객체와 Node.js의 http 모듈 위에 구축되어 있습니다.

Axios의 주요 기능:

프로미스 기반: Axios는 프로미스를 반환하여 .then() 및 .catch()로 비동기 작업을 쉽게 처리할 수 있습니다.
인터셉터: then 또는 catch에서 처리되기 전에 요청이나 응답을 가로채어 전역 오류 처리 또는 요청 수정을 가능하게 합니다.
자동 JSON 데이터 변환: Axios는 요청 전송 및 응답 수신 시 JSON 데이터를 자동으로 변환하여 데이터 처리를 단순화합니다.
CSRF 보호: Axios는 필요한 헤더를 설정하여 크로스 사이트 요청 위조(CSRF) 보호를 지원합니다.
취소: Axios는 취소 토큰을 사용한 요청 취소를 지원합니다.
타임아웃: 요청에 대한 타임아웃을 설정하여 Axios가 요청을 중단하기 전에 응답을 기다리는 최대 시간을 지정할 수 있습니다.
사용 편의성: HTTP 요청을 위한 간단한 API를 제공하여 CRUD(생성, 읽기, 업데이트, 삭제) 작업을 쉽게 수행할 수 있습니다.

일반적인 사용 사례:

데이터 가져오기: 웹 서비스에서 사용자 정보를 가져오는 등 API에서 데이터 스크래핑.
양식 제출: 처리를 위해 서버에 양식 데이터 전송.
리소스 업데이트: 서버의 기존 리소스를 업데이트하기 위한 PUT 또는 PATCH 요청 전송.
리소스 삭제: 서버에서 리소스를 제거하기 위한 DELETE 요청 전송.

사용 예시:

다음은 Axios를 사용하여 API에서 데이터를 가져오고 응답을 처리하는 간단한 예시입니다:

      javascript









Copy code









// GET 요청 전송









axios.get('https://api.example.com/data')









  .then(response => {









    console.log(response.data);









  })









  .catch(error => {









    console.error('데이터 가져오기 오류:', error);









  });
























// POST 요청 전송









axios.post('https://api.example.com/data', {









    name: 'John Doe',









    age: 30









  })









  .then(response => {









    console.log(response.data);









  })









  .catch(error => {









    console.error('데이터 게시 오류:', error);









  });