Axios는 자바스크립트에서 널리 사용되는 HTTP 클라이언트 라이브러리입니다. 이를 활용하여 게임 데이터 API를 호출하는 방법을 알아보겠습니다.

Axios 설치하기

먼저, Axios를 설치해야 합니다. npm을 사용하여 아래와 같이 설치할 수 있습니다.

npm install axios

API 호출하기

Axios를 사용하여 게임 데이터 API를 호출하려면 axios.get 메소드를 사용하여 GET 요청을 보내면 됩니다. 예를 들어, 게임 목록을 가져오는 API를 호출하려면 다음과 같이 코드를 작성할 수 있습니다.

const axios = require('axios');

axios.get('https://api.example.com/games')
  .then(function (response) {
    // API 요청에 성공한 경우 실행할 코드
    console.log(response.data);
  })
  .catch(function (error) {
    // API 요청에 실패한 경우 실행할 코드
    console.error(error);
  });

위 코드에서 https://api.example.com/games는 실제 API의 엔드포인트입니다. 이를 자신의 API 엔드포인트로 변경하여 사용하십시오.

API 응답 처리하기

Axios를 사용하면 API 응답을 쉽게 처리할 수 있습니다. 위의 코드에서 .then 블록은 API 요청에 성공한 경우 실행됩니다. 응답은 response.data에 접근하여 사용할 수 있습니다. 예를 들어, 게임 목록이 JSON 형식으로 반환된다면 다음과 같이 코드를 작성하여 게임 목록을 출력할 수 있습니다.

console.log(response.data.games);

API 요청에 실패한 경우 .catch 블록이 실행됩니다. 에러 메시지는 error 매개변수에 저장되어 있습니다. 이를 활용하여 에러 처리를 할 수 있습니다.

결론

Axios를 사용하면 간편하게 게임 데이터 API를 호출할 수 있습니다. 요청을 보내고 응답을 처리하는 방법을 익혀두면 다양한 API를 쉽게 사용할 수 있습니다.

참고 자료

• Axios 공식 문서