[javascript] Parcel에서 RESTful API를 호출하는 방법은?

Parcel에서 RESTful API를 호출하기 위해서는 다음과 같은 단계를 따릅니다:

  1. 필요한 패키지 설치:
    npm install axios
    
  2. API 호출을 위한 함수 작성:
    import axios from 'axios';
    
    const callAPI = async () => {
      try {
        const response = await axios.get('https://api.example.com/data');
        console.log(response.data);
      } catch (error){
        console.error(error);
      }
    }
    
    callAPI();
    

    위의 코드에서는 axios 패키지를 사용하여 GET 요청을 보냅니다. 원하는 URL을 사용하시고, 필요한 경우 다른 HTTP 메서드나 요청 데이터를 사용할 수도 있습니다.

  3. Parcel에서 위 코드를 실행: 위 코드를 포함한 JavaScript 파일을 만든 후, Parcel을 통해 실행하면 됩니다. 일반적으로 다음과 같이 실행합니다:
    npx parcel index.html
    

    위 코드에서 index.html은 엔트리 HTML 파일을 의미합니다. 실제 프로젝트에 맞게 파일 경로를 수정해주어야 합니다.

이제 Parcel을 사용하여 RESTful API를 호출하는 방법을 알게 되었습니다. Axios는 Promise 기반의 HTTP 클라이언트 라이브러리로, 많은 기능과 옵션을 제공하므로 다양한 API 호출에 대응할 수 있습니다. 자세한 내용은 axios 공식 문서를 참조하시기 바랍니다.