[javascript] Axios를 사용하여 특정 요청에 대한 응답 시간 측정하기

21 Nov 2023

javascript

Axios는 JavaScript를 위한 강력한 HTTP 클라이언트 라이브러리입니다. 이 라이브러리를 사용하면 서버로의 HTTP 요청을 보내고 응답을 받을 수 있습니다. 이번 튜토리얼에서는 Axios를 사용하여 특정 요청에 대한 응답 시간을 측정하는 방법에 대해 알아보겠습니다.

Axios 설치하기

Axios를 사용하기 위해 먼저 설치해야 합니다. npm을 사용하여 다음 명령어를 실행하여 Axios를 설치할 수 있습니다.

npm install axios

응답 시간 측정하기

Axios를 사용하여 특정 요청에 대한 응답 시간을 측정하려면 요청 전후의 시간을 측정해야 합니다. 다음은 Axios를 사용하여 응답 시간을 측정하는 예제 코드입니다.

const axios = require('axios');

// 측정할 URL 설정
const url = 'https://api.example.com';

// 요청 전의 시간 기록
const startTime = Date.now();

// Axios를 사용하여 요청 보내기
axios.get(url).then((response) => {
  // 응답 후의 시간 기록
  const endTime = Date.now();

  // 응답 시간 계산
  const responseTime = endTime - startTime;

  // 응답 시간 출력
  console.log(`응답 시간: ${responseTime}ms`);

  // 응답 데이터 처리
  console.log(response.data);
}).catch((error) => {
  console.error(error);
});

위 코드에서는 Axios의 get 메소드를 사용하여 특정 URL로 GET 요청을 보내고 응답 시간을 측정합니다. 응답이 성공적으로 수신된 후, 응답 후의 시간에서 요청 전의 시간을 빼서 응답 시간을 계산합니다. 이렇게 응답 시간을 측정하고 출력할 수 있습니다.

결론

Axios를 사용하여 특정 요청에 대한 응답 시간을 측정하는 방법을 알아보았습니다. 응답 시간 측정은 성능 분석이나 디버깅에 유용한 도구입니다. Axios를 활용하여 웹 애플리케이션의 성능을 향상시키고 문제를 해결할 수 있습니다.

Axios 설치하기

응답 시간 측정하기

결론

참고 자료