| <colbgcolor=#5A29E4><colcolor=#fff> axios | |
| | |
| 종류 | HTTP/클라이언트 |
| 라이선스 | MIT 라이선스 |
| 언어 | JavaScript |
| 버전 | 1.15.0 |
| 링크 | |
1. 개요
JavaScript용 웹 클라이언트 라이브러리. 원격 데이터를 fetch하는 JavaScript 라이브러리이며 React(라이브러리)와 Vue.js와 같은 현대 웹 환경에서 서버를 비롯한 원격 데이터를 받아오는 fetching을 할 때 이 라이브러리가 흔히 사용된다.axios의 발음은 외국인들도 가끔 헷갈리기도 하는데 액시오스(IPA: /ˈæksiɒs/)라고 발음하면 된다.[1]
2. 예시 코드
#!syntax javascript
const axios = require('axios');
// Make a request for a user with a given ID
axios.get('/user?ID=12345')
.then(function (response) {
// handle success
console.log(response);
})
.catch(function (error) {
// handle error
console.log(error);
})
.then(function () {
// always executed
});
// Optionally the request above could also be done as
axios.get('/user', {
params: {
ID: 12345
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
})
.then(function () {
// always executed
});
// Want to use async/await? Add the `async` keyword to your outer function/method.
async function getUser() {
try {
const response = await axios.get('/user?ID=12345');
console.log(response);
} catch (error) {
console.error(error);
}
}
3. 특징
3.1. 장점
- 서버, 클라이언트 모두에서 쓸 수 있다. 흔히 isomorphic, universal이라고 하는 유형의 package.
- 기피되고 있는 jQuery, deprecated된 request, 웹 표준이지만 undici 이전 최근까지 Node.js 지원이 안 되었던 Fetch API 등 경쟁 라이브러리에 비해 양 플랫폼 모두에서 쉽고 무난하게 사용할 수 있다.
3.2. 단점
기본적인 기능에 지나치게 충실해 풀링 기능 지원이나 중복 요청 제거 등 부가 기능이 부실하다. 이러한 점 때문에 최근에는 react-query나 swr등의 라이브러리 등이 나와있으나 아직까지 메이저한 라이브러리는 아니다. 다만 이는 axios는 상태 관리와 무관한 순수 웹 요청 라이브러리이기 때문에 axios 자체의 문제점이라고는 할 수 없다.4. 2026년 axios 공급망 공격 사건
현지시각 2026년 3월 31일, 북한과 관련된 해커들이 공급망 공격으로 소스코드에 원격 접근용 트로이안 악성코드를 심어 놓은 사건이 발생했다. 공격자는 북한 정찰총국 제121국과 연관되어 있는 것으로 추정되는 해커 집단이다.#!if (문단 == null) == (앵커 == null)
를#!if 문단 != null & 앵커 == null
의 [[2026년 axios 공급망 공격 사건#s-|]]번 문단을#!if 문단 == null & 앵커 != null
의 [[2026년 axios 공급망 공격 사건#|]] 부분을5. 관련 문서
[1] 미국의 뉴스 웹사이트인 Axios 또한 악시오스가 아닌 액시오스로 발음한다.