Axios는 JavaScript에서 널리 사용되는 HTTP 클라이언트 라이브러리입니다. 이 라이브러리를 사용하면 서버에 HTTP 요청을 보내고 응답을 받아올 수 있습니다.
여기에서는 Axios를 사용하여 프라이빗 API에 대한 호출을 예시로 살펴보겠습니다. 이 프라이빗 API는 사용자의 정보를 반환하는 엔드포인트입니다. API를 호출하기 위해서는 사용자의 토큰을 인증 헤더에 포함해야 합니다.
먼저, 프로젝트의 종속성에 Axios를 추가해야 합니다. 이를 위해 npm (Node Package Manager)을 사용할 수 있습니다. 프로젝트의 루트 디렉토리에서 다음 명령어를 실행하십시오.
npm install axios
이제 JavaScript 파일에서 Axios를 import하고 API를 호출하는 코드를 작성할 수 있습니다. 에디터에서 새 파일을 만들고 다음 코드를 추가하십시오.
const axios = require('axios');
const getUserInfo = async (token) => {
try {
const response = await axios.get('https://api.example.com/user', {
headers: {
Authorization: `Bearer ${token}`
}
});
console.log(response.data);
} catch (error) {
console.error(error);
}
};
// 사용자의 토큰 값을 인자로 전달하여 API 호출
getUserInfo('your-token-value');
위 예제 코드에서는 axios.get 메서드를 사용하여 API에 GET 요청을 보냅니다. 두 번째 인자로는 URL 및 옵션을 포함한 객체를 전달합니다. 이 때, 인증 헤더에 토큰 값을 포함하기 위해 headers 객체를 사용합니다.
API 호출은 비동기 함수인 getUserInfo에서 수행되며, 호출 결과는 response.data를 통해 사용할 수 있습니다. 에러가 발생한 경우 catch 블록에서 에러를 콘솔에 출력합니다.
마지막으로, getUserInfo 함수를 호출할 때 사용자의 토큰 값을 전달하여 API 호출을 수행합니다.
이제 코드를 실행하면 프라이빗 API에서 사용자 정보를 가져올 수 있습니다.