Axios는 클라이언트 측에서 HTTP 요청을 보내고 응답을 받는 데 사용되는 JavaScript 라이브러리입니다. 이 라이브러리를 사용하여 클라이언트 측에서 즉시 실행 함수를 호출하는 방법을 알아보겠습니다.

즉시 실행 함수란?

즉시 실행 함수(IIFE, Immediately Invoked Function Expression)는 JavaScript에서 함수를 정의하고 동시에 호출하는 패턴입니다. 이를 사용하면 함수의 이름을 노출시키지 않고도 코드를 모듈화하고 변수의 스코프를 제한할 수 있습니다.

Axios 설치 및 사용법

먼저, 프로젝트에 Axios를 설치해야 합니다. npm으로 설치하는 예시는 다음과 같습니다:

npm install axios

Axios를 설치했다면, 해당 모듈을 가져와 사용할 수 있습니다:

import axios from 'axios';

이제 Axios를 사용하여 즉시 실행 함수를 호출하는 방법을 알아보겠습니다.

예제

(async () => {
  try {
    const response = await axios.get('https://api.example.com/data');
    console.log(response.data);
  } catch (error) {
    console.error(error);
  }
})();

위의 예제에서는 즉시 실행 함수를 사용하여 Axios를 호출하고, API 서버로부터 데이터를 가져옵니다. axios.get 메서드를 사용하여 GET 요청을 보내고, 응답이 성공한 경우 response.data를 출력합니다. 만약 요청이 실패하면 error를 출력합니다.

결론

Axios를 사용하여 클라이언트 측에서 즉시 실행 함수를 호출하는 방법을 알아보았습니다. 이를 통해 코드를 모듈화하고 응답을 처리할 수 있습니다. Axios를 사용하면 AJAX 요청을 보내고 처리하는 데 간편하고 강력한 도구를 제공합니다.

#Axios #IIFE