비동기 통신 웹 개발 기술(AJAX, Asynchronous Javascript And XML)은 비동기 통신을 이용해 화면 전체의 새로고침 없이 서버로 요청을 주고받아 화면의 일부분만을 업데이트 할 수 있도록 하는 기술.

• Axios는 AJAX를 위한 라이브러리 중 하나

AJAX의 특징

• 페이지 새로고침 없이 서버에 요청
• 서버로부터 응답(데이터)을 받아 작업을 수행

Axios 라이브러리

자바스크립트의 HTTP 웹 통신을 위한 라이브러리로, 비동기 통신 기능을 제공

• Promise를 통해 구현되어 있음

• 기본 구조

  <script src="<https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js>"></script>
  <script>
  	axios.get('요청할 URL')
  		.then(성공하면 수행할 콜백 함수)
  		.catch(실패하면 수행할 콜백 함수)
  </script>
  

  • GET, POST 등 여러 method 사용 가능
  • .then을 이용해서 성공하면 수행할 로직을 작성
  • .catch를 이용해서 실패하면 수행할 로직을 작성