이 장을 들어가기 전,
[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
'개발일지 > JavaScript' 카테고리의 다른 글
[42] Iterator & Generator (0) | 2024.11.28 |
---|---|
[41] Symbol (1) | 2024.11.28 |
[39] super() 란? (0) | 2024.11.28 |
[38] Sub Class (Inheritance) (0) | 2024.11.28 |
[37] ES6 Classes (0) | 2024.11.28 |