1.Axios란?
Axios는 타사 라이브러리이며 Javascript의 네이티브 함수가 아니다.
특징으로는 HTTP 요청의 생성과 처리를 간소화할 목적으로 만들어졌다.
사용하기 위해서는 추가로 빌드가 필요하다.(기본으로 제공하는 함수가 아니므로)
https://github.com/axios/axios#installing
GitHub - axios/axios: Promise based HTTP client for the browser and node.js
Promise based HTTP client for the browser and node.js - GitHub - axios/axios: Promise based HTTP client for the browser and node.js
github.com
위 사이트에서 <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
이코드를 스크립트처럼 HTML에 추가하기만 하면된다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
<script src="app.js"></script>
</body>
</html>
그후 사용방법은 비슷하다.
const person = async() => {
const res = await.axios.get("https://swapi.dev/api/1");
console.log(res.data);
}
'Back-End > AJAX&API&JSON' 카테고리의 다른 글
| 3. XHR과 Fetch (0) | 2023.06.21 |
|---|---|
| 2. JSON 이란? (0) | 2023.06.20 |
| 01. AJAX란(+API) (0) | 2023.06.19 |
