Axios

Axios란 무엇인가요?

---

Axios는 웹 브라우저와 Node.js 환경에서 HTTP 통신을 쉽게 할 수 있도록 도와주는 라이브러리입니다. 

즉, 웹사이트나 애플리케이션이 다른 서버와 데이터를 주고받을 때 사용하는 도구라고 생각하면 됩니다.

---

---

왜 Axios를 사용하나요?

Axios는 아래와 같은 장점 덕분에 많은 개발자에게 사랑받고 있습니다.

사용하기 쉽다: 

GET, POST, DELETE 등 다양한 HTTP 요청 방식을 간단한 함수 호출로 처리할 수 있습니다.

Promise 기반: 

비동기 작업을 쉽게 다룰 수 있어 코드를 간결하게 작성할 수 있습니다.

다양한 기능: 

요청 및 응답 가로채기(Interceptor), 요청 취소, 자동 JSON 변환 등 편리한 기능을 제공합니다.

---

---

Axios의 간단한 사용 예시

예를 들어, 웹사이트에서 특정 상품 목록 데이터를 가져와야 할 때, Axios를 사용하면 아래와 같이 간결하게 코드를 작성할 수 있습니다.

import axios from 'axios';

// 서버에서 상품 목록 데이터를 가져오는 예시
axios.get('https://api.example.com/products')
  .then(response => {
    // 요청이 성공했을 때 실행되는 코드
    console.log(response.data); // 서버에서 받은 데이터
  })
  .catch(error => {
    // 요청이 실패했을 때 실행되는 코드
    console.error('데이터를 가져오는 중 오류 발생:', error);
  });

JavaScript

위 코드처럼 

 

.get() 함수를 사용해 데이터를 요청하고, 

.then()으로 성공 시 데이터를 처리하고, 

.catch()로 오류를 처리할 수 있습니다. 

 

이것이 바로 Axios가 HTTP 통신을 간편하게 만들어주는 핵심적인 이유입니다.

---

---

Install

npm install axios

 

terminal

---