공부하자/Vue.js

#3. HTTP 라이브러리, Ajax, Axios

snbrin 2023. 9. 26. 16:32

 

 

Inflearn [ Vue.js 시작하기 - Age of Vue.js ]  강의 기록입니다.

 

 

Ajax

비동기적인 웹 애플리케이션 제작을 위한 기법

https://ko.wikipedia.org/wiki/Ajax

 

Ajax - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 다른 뜻에 대해서는 에이젝스 문서를 참고하십시오. 다른 뜻에 대해서는 아이아스 문서를 참고하십시오. Ajax(Asynchronous JavaScript and XML, 에이잭스)는 비동기적인

ko.wikipedia.org

 

 

Axios

Vue에서 권고하는 HTTP 통신 라이브러리, promise 기반의 http 통신 라이브러리.

https://github.com/axios/axios

 

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

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

github.com

 

 

** 자바스크립트의 비동기식 패턴

1. callback

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

 

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

(중급) 중급 자바스크립트 개발자가 되기 위한 자바스크립트 비동기 처리와 콜백 함수 이해하기. 콜백 지옥과 해결 방법 등

joshua1988.github.io

2. promise

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

 

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

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

joshua1988.github.io

Promise 처리 흐름  (출처 : MDN )

 

 

3. promise + generator

4. async & await

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

 

자바스크립트 async와 await

(중급) 자바스크립트 개발자를 위한 async, await 사용법 설명. 쉽게 알아보는 자바스크립트 async await 개념, 사용법, 예제 코드, 예외 처리 방법

joshua1988.github.io