Axios 공식 홈페이지 따라하기 (1) - 시작하기

Axios란?

nodje.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 이다.

 

특징

• 브라우저를 위해 XMLHttpRequests 생성
• node.js를 위해 http 요청 생성
• Promise API를 지원
• 요청 및 응답 인터셉트
• 요청 및 응답 데이터 변환
• 요청 취소
• JSON 데이터 자동 변환
• XSRF를 막기 위한 클라이언트 사이드 지원

설치 방법

아래의 명령어를 실행한다.

npm i axios

 

위에서 나열한 단어중 모르는 단어가 존재했다!

• XMLHttpRequests
• Promise APi
• XSRF

따라서 위의 단어들을 학습해보고 정리하고자 한다.

 

XMLHttpRequests

XMLHttpRequest(XHR) 객체는 서버와 상호작용할 때 사용한다.

XHR을 사용하면 페이지의 새로고침 없이도 URL에서 데이터를 가져올 수 있다. 

 

Promise

Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과값을 나타낸다

연산이 종료된 이후에 결과 값과 실패 사유를 처리하기 위한 처리기를 연결할 수 있다.

Promise를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있다.

다만 최종 결과를 반환하는 것이아니라 미래의 어떤 시점에 값을 제공하겠다는 'promise'를 반환한다.

 

*보다 자세한 학습은 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise를 참조

 

XSRF

사이트 간 요청 위조(또는 크로스 사이트 요청 위조)는 웹 사이트 취약점 공격중 하나로, 상요자가 자신의 의지와는 무관하게 공격자가 의도한 행위(수정, 삭제, 등록 등)를 특정 웹사이트에 요청하게 하는 공격을 말한다.