Axios

Axios

Axios 개요

✔ JavaScript의 HTTP 웹 통신을 위한 라이브러리
✔ 확장 가능한 인터페이스와 쉽게 사용할 수 있는 비동기 통신 기능 제공

Axios 기본구조

Axios 사용해보기

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
  axios.get('요청할 URL')
    .then(성공하면 수행할 콜백함수)
    .catch(실패하면 수행할 콜백 함수)
</script>

✔ get, post 등 여러 method 사용 가능
✔ then을 이용해서 성공하면 수행할 로직 작성
✔ catch을 이용해서 실패하면 수행할 로직 작성

고양이 사진 api 가져오기 (Python)

import requests

print('고양이는 야옹')

cat_image_search_url = 'https://api.thecatapi.com/v1/images/search'
response = requests.get(cat_image_search_url)

if response.status_code == 200:
    print(response.json())
else:
    print('실패했다옹')

print('야옹야옹')

 

✔ 처리결과를 보면 동기식으로 처리 된다.

고양이 사진 api 가져오기 (JavaScript)

 

✔ 비동기식으로 처리 된다.