본문 바로가기
TIL

[React] Axios 개념, 특징

by yo.na 2022. 4. 8.

JS 에서 비동기통신을 위한 라이브러리 Axios, AJAX, fetch 가 있다.

 

개념

Axios 는 node.js와 브라우저를 위한 Promise기반의  브라우저를 위한 HTTP 비동기통신 라이브러리이다.

프론트엔드와 백엔드가 통신을 쉽게 하기 위해서 사용한다.

 

특징

운영 환경에 따라 브라우저의 XMLHttpReques 객체 또는 Node.js 의 http api 사용

Promise(ES6) API 사용

프로미스 기반으로 만들어져서 데이터를 다루기 편리

요청과 응답 데이터 변형

HTTP 요청과 응답을 JSON 형태로 변경

 

 

Promise 란?

프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다.

 

프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용한다. 일반적으로 웹 애플리케이션을 구현할 때 서버에서 데이터를 요청하고 받아오기 위해 사용.

 

 

 

 

 

 

 

 

참고

https://velog.io/@kysung95/개발상식-Ajax와-Axios-그리고-fetch

 

[개발상식] Ajax와 Axios 그리고 fetch

여러분들이 프로젝트를 진행하다보면 클라이언트와 서버 간 데이터를 주고받기 위해 HTTP 통신을 사용하게될겁니다. 주로 어떤것을 사용하시나요? 또, 그것에 대해 얼마나 알고계시나요? 저와

velog.io

https://velog.io/@zofqofhtltm8015/Axios-사용법-서버-통신-해보기

 

Axios란? / Axios 사용 및 서버 통신 해보기!

Axios란? Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다. # Axios란? # Axios사용법 # Axios를 사용해서 백엔드 없이 서버 통신 해보기!

velog.io

https://lily-im.tistory.com/15

 

[Javascript] Ajax와 axios?

- 기존 정보에 잘못된 부분들이 있어 전반적으로 내용을 수정했습니다. JS에서 비동기 http 통신을 위한 방법은 대표적으로 3개(Ajax, Axios, fetch)가 있습니다. 그 중 많이 사용되는 Ajax와 axios를 중점

lily-im.tistory.com

https://joshua1988.github.io/web-development/javascript/promise-for-beginners/

 

자바스크립트 Promise 쉽게 이해하기

(중급) 자바스크립트 입문자를 위한 Promise 설명. 쉽게 알아보는 자바스크립트 Promise 개념, 사용법, 예제 코드. 예제로 알아보는 then(), catch() 활용법

joshua1988.github.io