Axios 란?
- Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 이다.
- 쉽게 말해서 백엔드랑 프론트엔트랑 통신을 쉽게하기 위해 Ajax와 더불어 사용한다.
- 이미 자바스크립트에는 fetch api가 있지만, 프레임워크에서 ajax를 구현할 땐 axios를 쓰는편 이라고 보면 된다.
AJAX (Asynchronous Javascript And XML)
AJAX란, Javascript의 라이브러리중 하나로 Asynchronous(비동기) Javascript(자바스크립트) And Xml(비동기식 자바스크립트와 xml)의 약자입니다.
브라우저가 가진 XMLHttpRequest객체를 이용한 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법이며,Javascript를 사용한 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다.
정리하면, 자바스크립트를 통해서 서버에 데이터를 요청하는 것이다.
비동기 방식이란?
비동기 방식은 웹페이지를 리도드 하지 않아도 데이터를 불러와주는 방식이며, Ajax를 통해 서버에 요청한 후 멈추는 것이아닌 그 프로그램이 계속 돌아간다는 의미를 가진다.
AJAX란, Javascript의 라이브러리중 하나로 Asynchronous(비동기) Javascript(자바스크립트) And Xml(비동기식 자바스크립트와 xml)의 약자입니다. 브라우저가 가진 XMLHttpRequest객체를 이용한
전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법이며,
Javascript를 사용한 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다.
정리하면, 자바스크립트를 통해서 서버에 데이터를 요청하는 것이다.
비동기 방식의 장단점
-
동기방식
-설계가 매우 간단하고 간편적이다.
-결과가 주어질때까지 아무것도 못하고 대기해야하는 단점이 있다. -
비동기방식
-동기보다 족므 더 복잡하다.
-결과가 주어지는데 시간이 걸리지만 그 시간 동안에는 다른작업을 병행할 수 있다는 장점과 자원을 효율적으로 사용할 수 있다.
axios vs fetch
위와 같은 표를 보았을 때 axios는 별도의 설치가 필요하다는 단점이 있지만 그것을 커버할 만한 fetch 보다 많은 기능 지원과 문법이 조금이나마 간소화 된다는 장점이 있다는 것을 볼 수 있다.
따라서, 간단하게 사용할때는 fetch를 쓰고, 이외의 확장성을 염두해봤을 땐 axios를 쓰면 좋다고 보면 된다.
출처: https://inpa.tistory.com/entry/AXIOS-📚-설치-사용#top [👨💻 Dev Scroll:티스토리]
