Vue.js 초급 공부 Part III - Http / axios

Axios ? 

- Promise 기반의 Http 통신 라이브러리 

- 설치 방법 : CDN 방식 || NPM 방식 

- 임포트 : 

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

Promise ? 자바스크립트의 비동기 처리 패턴 - 데이터를 가져온 후에 다음 로직을 실행시키기 위해 필요하다

1. callback

2. promise

3. promise + generator

4. async & await

 

Promise의 3가지 상태

• Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태
• Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태
• Rejected(실패) : 비동기 처리가 실패하거나 오류가 발생한 상태

---

https://joshua1988.github.io/web-development/javascript/javascript-asynchronous-operation/

자바스크립트 비동기 처리와 콜백 함수

 

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

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

https://joshua1988.github.io/web-development/javascript/js-async-await/

자바스크립트 async와 await

---

샘플데이터 axios로 호출하고 view로 보여주기

 

 

프론트엔드 개발자가 알아야 하는 HTTP 프로토콜 

https://joshua1988.github.io/web-development/http-part1/

프런트엔드 개발자가 알아야하는 HTTP 프로토콜 Part 1

 

 

---

vue resource github 링크 (지금은 잘 사용하지 않지만 옛날 코드들에는 사용됬을 가능성이 있다)

https://github.com/pagekit/vue-resource

GitHub - pagekit/vue-resource: The HTTP client for Vue.js

 

axios github 링크 

https://github.com/axios/axios

GitHub - axios/axios: Promise based HTTP client for the browser and node.js