본 자료는 박규하 코치님과 Elice 플랫폼의 자료를 사용하여 정리하였습니다.

Axios 란?

• 웹 브라우저와 Node.js를 위한 HTTP 비동기 통신 라이브러리
  • Ajax와 비슷하다.
  • API통신 시 사용한다.
  • Promise 기반이다.
• Fetch vs Axios
  • Fetch는 자바스크립트 내장, Axios는 별도 설치가 필요하다.
  • Fetch는 일부 익스플로러에서 지원하지 않으며, Axios가 더 브라우저 호환성이 높다.
  • Fetch에서는 지원하지 않는 JSON 자동 변환, 응답시간 초과 설정 기능을 Axios에서 지원

API

• 다양한 응용프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스
• 프로그램과 프로그램을 연결해주는 다리역할

Axios와 CRUD

• 사용법
  • 아래의 script 구문을 추가해준다.
• POST
  • axios.post(url, data 객체)
• GET
  • axios.get(url)
• PUT
  • axios.put(url, data 객체)
• DELETE
  • axios.delete(url)