Axios는 JavaScript에서 가장 널리 사용되는 HTTP 클라이언트 라이브러리 중 하나입니다. Axios를 사용하면 서버와 통신하기 위해 다양한 HTTP 메소드를 간편하게 사용할 수 있습니다. 이번 포스트에서는 Axios와 함께 사용할 수 있는 HTTP 메소드에 대해 알아보겠습니다.

GET 메소드

GET 메소드는 서버로부터 데이터를 가져오는 데 사용되는 메소드입니다. Axios에서 GET 메소드를 사용하려면 axios.get() 메소드를 호출하면 됩니다. 다음은 GET 메소드를 사용하는 간단한 예시입니다.

axios.get('/api/posts')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error(error);
  });

POST 메소드

POST 메소드는 서버에 데이터를 전송하기 위해 사용되는 메소드입니다. Axios에서 POST 메소드를 사용하려면 axios.post() 메소드를 호출하고 전송할 데이터를 인자로 전달하면 됩니다. 다음은 POST 메소드를 사용하는 예시입니다.

axios.post('/api/posts', {
  title: '새로운 포스트',
  content: '테스트 포스트입니다.'
})
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error(error);
  });

PUT 메소드

PUT 메소드는 서버의 데이터를 업데이트하기 위해 사용되는 메소드입니다. Axios에서 PUT 메소드를 사용하려면 axios.put() 메소드를 호출하고 업데이트할 데이터를 인자로 전달하면 됩니다. 다음은 PUT 메소드를 사용하는 예시입니다.

axios.put('/api/posts/1', {
  title: '수정된 포스트',
  content: '수정된 내용입니다.'
})
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error(error);
  });

DELETE 메소드

DELETE 메소드는 서버의 데이터를 삭제하기 위해 사용되는 메소드입니다. Axios에서 DELETE 메소드를 사용하려면 axios.delete() 메소드를 호출하면 됩니다. 다음은 DELETE 메소드를 사용하는 예시입니다.

axios.delete('/api/posts/1')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error(error);
  });

Axios를 사용하면 HTTP 메소드를 간편하게 처리할 수 있습니다. 위 예시 코드들을 참고하여 자신의 프로젝트에 맞게 Axios를 활용해보세요!

참고: Axios 라이브러리에 대한 자세한 정보는 Axios GitHub 페이지에서 확인할 수 있습니다.