6주차 WIL (Axios)

axios는 Promise를 기반으로 동작하며,

웹 애플리케이션과 서버 간의 데이터 동신을 쉽게 처리할 수 있도록 도와주는 라이브러리이다.

 

axios를 사용해서 GET, POST, DELETE, PATCH 등의 요청을 보낼 수 있으며 예제는 아래와 같다.

 

GET

// axios 라이브러리를 가져오기
const axios = require('axios');

// GET 요청 보내기
axios.get('https://api.example.com/posts')
  .then(response => {
    // 요청 성공 시 실행되는 코드
    console.log(response.data); // 서버로부터 받은 데이터
  })
  .catch(error => {
    // 요청 실패 시 실행되는 코드
    console.error(error);
  });

 

POST

axios.post('https://api.example.com/posts', {
  title: '새로운 글',
  content: '이 글은 axios를 사용한 예제입니다.'
})
.then(response => {
  // 요청 성공 시 실행되는 코드
  console.log(response.data);
})
.catch(error => {
  // 요청 실패 시 실행되는 코드
  console.error(error);
});

 

DELETE

const axios = require('axios');

// DELETE 요청 보내기(url 뒤에 id값을 줘야함)
axios.delete(`https://api.example.com/posts/${id}`)
  .then(response => {
    // 요청 성공 시 실행되는 코드
    console.log('삭제가 완료되었습니다.');
  })
  .catch(error => {
    // 요청 실패 시 실행되는 코드
    console.error(error);
  });

 

PATCH

const axios = require('axios');

// PATCH 요청 보내기(url 뒤에 id 값을 줘야함)
axios.patch(`https://api.example.com/posts/${id}`, {
  title: '수정된 제목',
  content: '글 내용을 수정합니다.'
})
.then(response => {
  // 요청 성공 시 실행되는 코드
  console.log('수정이 완료되었습니다.');
})
.catch(error => {
  // 요청 실패 시 실행되는 코드
  console.error(error);
});