Axios는 자바스크립트에서 HTTP 요청을 보내는데 사용되는 인기있는 라이브러리입니다. 이 튜토리얼에서는 Axios를 사용하여 서버로부터 스트리밍 데이터를 수신하는 방법을 알아보겠습니다.

1. Axios 설치

먼저, Axios를 설치합니다. 다음 명령어를 사용하여 npm으로 Axios를 설치할 수 있습니다:

npm install axios

2. 스트리밍 데이터 수신하기

Axios를 사용하여 스트리밍 데이터를 수신하려면 responseType을 stream으로 설정해야 합니다. 예를 들어, 다음과 같이 서버로부터 스트리밍 데이터를 수신할 수 있습니다:

const axios = require('axios');
const fs = require('fs');

axios({
  method: 'get',
  url: 'http://example.com/streaming-data',
  responseType: 'stream'
})
  .then(function (response) {
    response.data.pipe(fs.createWriteStream('streaming-data.txt'));
  })
  .catch(function (error) {
    console.log(error);
  });

위의 예제에서는 Axios의 GET 메소드를 사용하여 URL로부터 스트리밍 데이터를 가져옵니다. 그런 다음, response.data를 파일 스트림 객체 fs.createWriteStream에 파이핑하여 스트리밍 데이터를 파일로 저장합니다.

3. 스트리밍 데이터 처리하기

수신된 스트리밍 데이터를 처리하려면 response.data를 사용하여 데이터를 읽을 수 있습니다. 예를 들어, 스트리밍 데이터를 콘솔에 출력하는 경우 다음과 같이 할 수 있습니다:

const axios = require('axios');

axios({
  method: 'get',
  url: 'http://example.com/streaming-data',
  responseType: 'stream'
})
  .then(function (response) {
    response.data.on('data', function (chunk) {
      console.log(chunk.toString());
    });
  })
  .catch(function (error) {
    console.log(error);
  });

위의 예제에서는 response.data.on('data') 이벤트를 사용하여 데이터 청크를 읽고, chunk.toString()을 사용하여 읽은 데이터를 문자열로 변환하여 콘솔에 출력합니다.

결론

Axios를 사용하여 서버로부터 스트리밍 데이터를 수신하는 방법에 대해 알아보았습니다. Axios는 간편한 HTTP 요청을 보내는데 매우 유용한 도구입니다. 스트리밍 데이터를 받는 경우에는 responseType을 stream으로 설정하여 데이터를 처리하면 됩니다. Axios의 다양한 기능을 활용하여 웹 애플리케이션을 개발할 수 있습니다.

참고문서: Axios 공식 문서