Search

axios

axios

axios는 JavaScript의 HTTP 클라이언트 라이브러리로, 브라우저와 Node.js 환경에서 모두 사용할 수 있습니다. axios는 Promise를 기반으로 한 강력한 기능과 다양한 설정 옵션을 제공하여 네트워크 요청을 보다 편리하게 다룰 수 있도록 도와줍니다.

Axios 기본 구조

// 기본적인 GET 요청 axios.get('https://jsonplaceholder.typicode.com/todos/1') .then(response => { // 성공적인 응답 처리 console.log(response.data); }) .catch(error => { // 오류 처리 console.error('Request failed:', error); });
JavaScript
복사

Axios의 주요 메서드

Axios 설정 객체(config)의 주요 속성

url: 요청을 보낼 URL
method: HTTP 메서드 (GET, POST, PUT, DELETE 등)
params: URL에 추가할 쿼리 매개변수
data: 요청 바디에 포함될 데이터 (POST, PUT 등에서 사용)
headers: 요청 헤더 설정
timeout: 요청이 얼마나 길어질 수 있는지 설정

Axios의 반환값

axios 메서드는 Promise를 반환합니다. 이 Promise는 성공적인 응답일 경우 response 객체를 resolve하고, 오류가 발생한 경우 error 객체를 reject합니다.

예시 코드

// axios 라이브러리 가져오기 const axios = require('axios'); // GET 요청 보내기 axios.get('https://httpbin.org/get') .then(response => { // 성공적인 응답 처리 console.log(response.data); }) .catch(error => { // 오류 처리 console.error('Request failed:', error); });
JavaScript
복사