이번 포스트에서는 Axios를 사용하여 클라이언트 측에서 시간 형식을 변환하는 방법을 알아보겠습니다. Axios는 자바스크립트 기반의 HTTP 클라이언트 라이브러리로, 서버와의 데이터 통신에 사용됩니다. 시간 형식은 다양한 형태로 표현될 수 있으며, 이를 표준형식인 ISO 8601로 변환하는 방법을 살펴보겠습니다.

Axios 설치

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

npm install axios

Axios를 사용하여 시간 형식 변환하기

Axios를 사용하여 API로부터 받아온 시간 데이터를 표준형식인 ISO 8601로 변환하는 방법은 다음과 같습니다.

const axios = require('axios');

axios.get('https://api.example.com/time')
  .then(response => {
    const originalTime = response.data.time; // API로부터 받은 원본 시간 데이터
    const convertedTime = new Date(originalTime).toISOString(); // ISO 8601로 변환
    console.log('Converted time:', convertedTime);
  })
  .catch(error => {
    console.error(error);
  });

위 예시 코드에서는 Axios로 API에서 시간 데이터를 받아옵니다. response.data.time에는 받아온 원본 시간 데이터가 포함되어 있습니다. 이를 new Date()를 사용하여 자바스크립트 Date 객체로 변환한 후, toISOString() 메서드를 사용하여 ISO 8601 형식으로 변환합니다. 변환된 시간 데이터는 convertedTime 변수에 저장되며 콘솔에 출력됩니다.

결론

Axios를 사용하여 클라이언트 측에서 시간 형식을 변환하는 방법을 알아보았습니다. 시간 데이터를 받아온 후, 자바스크립트 Date 객체와 toISOString() 메서드를 사용하여 ISO 8601 형식으로 변환할 수 있습니다. 이를 통해 서버와의 데이터 통신 시에도 일관된 시간 형식을 사용할 수 있습니다.

참고: Axios 공식 문서

#axios #시간형식변환