[국비 90일차 TIL] vue, Axios 설치

 

• Rest : Representational State Transfer. 자원을 이름으로 구분하여 자원의 상태를 통신으로 주고받는 것.
• axios는 node.js에서 Promise기반 HTTP 클라이언트
• Promise는 자바스크립트 비동기 처리에 사용되는 객체
• Promise 상태
• Pending : 비동기 처리 로직이 아직 완료 안 됨
• Fulfilled : 비동기 처리 완료. 값 반환
• Rejected : 비동기 처리 실패나 오류 상태

 

Vue 프로젝트 만들기

vue create vue-board [엔터]

Default ([Vue 3] babel, eslint) [선택]

Axios 설치

폴더 이동 cd vue-board [엔터]

npm install –save axios

실행하기

npm run serve -- --port 80[엔터]

 

 

Axios

axios는 자바스크립트로 작성된 HTTP 클라이언트 라이브러리입니다. 주로 웹 브라우저와 Node.js 환경에서 사용되며, HTTP 요청을 보내고 응답을 받는 데 사용됩니다. axios는 Promise 기반 API를 제공하여 비동기 HTTP 요청을 처리하며, 이는 코드의 가독성을 향상시키고 복잡성을 줄이는 데 도움이 됩니다.

axios를 사용하면 다음과 같은 기능을 수행할 수 있습니다:

HTTP 요청 보내기: GET, POST, PUT, DELETE 등 다양한 HTTP 메서드를 사용하여 서버에 요청을 보낼 수 있습니다.
요청 설정: 요청 헤더, 요청 바디, 요청 파라미터 등을 설정할 수 있습니다.
응답 처리: 서버로부터 받은 응답을 처리할 수 있습니다. 이는 JSON, 텍스트, 바이너리 등 다양한 형식으로 받을 수 있습니다.

Promise 기반: 비동기 코드를 작성할 때 Promise를 사용하여 간단하고 효율적인 코드를 작성할 수 있습니다.
요청/응답 인터셉터: 요청이나 응답을 인터셉트하여 처리할 수 있는 기능을 제공합니다.
axios는 간단하고 직관적인 API를 제공하여 개발자가 HTTP 통신을 쉽게 구현할 수 있도록 도와줍니다. 또한, 다양한 환경에서 사용할 수 있으며, 브라우저와 Node.js에서 모두 잘 작동합니다.