Promise A to Z :Dali
sat 10 am
Promise :D
3. Promise API
1. Promise Mind map
2. Why Promise
4. 정리하며
1. Promise Mind map
Why?
callback
thenable
Js비동기
API
ajax
duck타이핑
resolve,reject
EventQueue
PromiseA+
microstack
async await
promiseAll,race
hell
신뢰성, 동시성
generator
$Ajax, axios
status
1. Promise Mind map
Why?
thenable
Js비동기
API
ajax
duck타이핑
resolve,reject
EventQueue
PromiseA+
microstack
async await
promiseAll,race
hell
신뢰성, 동시성
generator
$Ajax, axios
status
1. Promise Mind map
Why?
callback
Js비동기
Promise
Async await
(generator+
promise)
1. Promise Mind map
Js비동기
1. Promise Mind map
Js비동기
유명한 영상이 하나 있죠
1. Promise Mind map
1. Promise Mind map
1. Promise Mind map
Why?
thenable
Js비동기
API
ajax
duck타이핑
resolve,reject
EventQueue
PromiseA+
microstack
async await
promiseAll,race
hell
신뢰성, 동시성
generator
$Ajax, axios
status
es6
es8
2. Why ? Promise
callback
thenable
API
ajax
duck타이핑
resolve,reject
PromiseA+
async await
promiseAll,race
hell
신뢰성, 동시성
generator
$Ajax, axios
status
callback
ajax
callback hell
중첩되면서 내부로 들어가는 구조
Promise.all 같이 비동기성 및 동시성
가독성-> 체이닝 다음 동작 신뢰성+ 명시적
동시성 처리
사고 및 역할 분리
2. Why ? Promise
Error Handling
3. Promise API & Example :)
3. create
3. status & value
pending, resolved, rejected
prototype
then ,catch
Promise value를 받아서 다음 일 처리
늘 Promise객체를 반환
한 번 Promise 객체 영원히 Promise
then
thenable & 덕타핑 Iterable 역시
then 메소드가 resolve, reject 함수로 호출하는 형태이면
catch
Error Handling
Methods
all, race
병렬처리
(iterable)
Promise.all, Promise.race example
Async & Promise 둘은 무슨 관계?
참고 자료
-
자바스크립트는-어떻게-작동하는가-이벤트-루프와-비동기-프로그래밍의👩💻👨💻
-
구글 Web Fundamentals Promise
-
MDN Promise
-
MDN Using Promise
Promise :D (SAT 10 AM )
By chany
Promise :D (SAT 10 AM )
JS Promise A to Z Promise에 대해서 공부하고 정리해본 것을 공유해보려 합니다 도움이 되시면 좋을 것 같아요 ㅎㅅㅎ
- 607