이 글은 MZ's Devlog 로 이전됐습니다.

💡 들어가며

자바스크립트에서 비동기 처리 다루기와 자바스크립트 Promise 쉽게 이해하기를 읽고 정리한 글입니다.

Promise 의 개념과 resolve, reject 에서 에러 처리 방법 설명 및 Promise.all(), Promise.race(), Promise.finally() 에 대해 작성했습니다.

📝 Promise 정의

MDN 사이트의 Promise 정의 Promise - JavaScript | MDN

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

이전에 비동기 작업을 처리할 때는 콜백 함수로 처리를 해야 했는데요, 콜백 함수로 처리를 하게 된다면 비동기 작업이 많아질 경우 코드가 쉽게 난잡해졌습니다.

Promise 를 이용하면 비동기적인 상황에서 코드를 조금 더 명확하게 표현하고 실행하도록 만들 수 있습니다.

🐾 전역 객체

Promise 를 import 를 하지 않아도 Node.js 런타임 환경에서 전역 객체 Promise 를 확인할 수 있습니다.

console.log(Promise);

$ node index.js
[Function: Promise]

✍ 생성자로 Promise 객체 만들기 (pending)

생성자의 인자로 executor 함수를 사용합니다.

생성자를 통해서 Promise 객체를 만드는 순간 pending (대기) 상태라고 합니다.

const myPromise = new Promise(/* executor */);

......

새로운 블로그에서 글 전체 내용을 확인하실 수 있습니다.