개발일지/JavaScript

[40] Callbacks, Promise 그리고 Async/Await

꾸주니=^= 2024. 11. 28. 15:36

이 장을 들어가기 전, 
[2] Event Loop 포스터에 '비동기'와 '동기' 내용을 우선 확인한 후 보시면 좋습니다.

https://uplifted.tistory.com/entry/20-Event-Loop?category=1133253 

 

[20] Event Loop

1,2,3을 출력하려고 한다.3000은 3초이다.-> 1 출력 후 3초후에 2가 출력됨. 동기와 비동기를 알아보자.       내부 진행되는 모습을 보여주는 사이트에 가보기http://latentflip.com/loupe/?code=JC5vbignYnV0

uplifted.tistory.com

 

참고자료

https://developer.mozilla.org/ko/docs/Learn/JavaScript/Asynchronous/Introducing

 

Introducing asynchronous JavaScript - Web 개발 학습하기 | MDN

이 글에선 비동기 프로그래밍이 무엇인지, 왜 필요한지 설명하고 역사상 JavaScript에서 비동기 함수가 구현된 몇 가지 방법에 대해 간략하게 설명 할 것입니다.

developer.mozilla.org

https://developer.mozilla.org/ko/docs/Learn/JavaScript/Asynchronous/Promises

 

Graceful asynchronous programming with Promises - Web 개발 학습하기 | MDN

Promises 는 이전 작업이 완료될 때 까지 다음 작업을 연기 시키거나, 작업실패를 대응할 수 있는 비교적 새로운 JavaScript 기능입니다. Promise는 비동기 작업 순서가 정확하게 작동되게 도움을 줍니

developer.mozilla.org

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise

 

Promise - JavaScript | MDN

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

developer.mozilla.org

 


 

 


 

 

방법1 : callback 함수

 

방법2 : Promise 객체

 

 


방법3 : Async Await