Axios는 JavaScript에서 가장 인기 있는 HTTP 클라이언트 라이브러리 중 하나입니다. 이 라이브러리를 사용하여 서버로부터 데이터를 손쉽게 가져올 수 있습니다. 이 글에서는 Axios를 사용하여 주소 검색 API를 호출하는 방법에 대해 알아보겠습니다.

Axios 설치하기

먼저, Axios를 설치해야 합니다. 아래 명령어를 사용하여 Axios를 프로젝트에 추가합니다.

npm install axios

API 호출하기

Axios를 사용하여 주소 검색 API를 호출하는 방법은 간단합니다. 먼저, Axios 라이브러리를 가져옵니다.

import axios from 'axios';

다음으로, API 요청을 보낼 주소와 검색할 주소를 설정합니다.

const apiUrl = 'https://api.example.com/address/search';
const searchTerm = '서울특별시 강남구';

마지막으로, Axios를 사용하여 API를 호출합니다.

axios.get(apiUrl, {
  params: {
    q: searchTerm,
  },
})
.then(response => {
  // API 호출이 성공한 경우
  console.log(response.data);
})
.catch(error => {
  // API 호출이 실패한 경우
  console.error(error);
});

위 코드에서는 axios.get 메소드를 사용하여 GET 요청을 보내고, params를 사용하여 검색어를 전달합니다. 응답은 .then 메소드를 통해 처리되며, 에러 발생 시 .catch 메소드에서 처리합니다.

요약

이번 글에서는 Axios를 사용하여 주소 검색 API를 호출하는 방법에 대해 알아보았습니다. Axios는 간편한 API 호출을 도와주는 라이브러리로, JavaScript 프로젝트에서 많이 이용되고 있습니다. 위의 예시 코드를 참고하여 자신의 프로젝트에 적용해보세요.

참고 자료

• Axios GitHub 페이지
• Axios 문서