프로미스는 5가지 정적 메서드를 제공합니다. Promise.resolve / Promise.reject 이미 존재하는 값을 프로미스 객체로 래핑하는 메서드입니다. const resolved = Promise.resolved(resolve => resolve([1, 2, 3]); resolved.then(console.log); // [1, 2, 3] const rejected = Promise.rejected(new Error("에러 발생")); rejected.catch(console.log); // "에러 발생!" Promise.all 여러 프로미스들을 병렬적으로 처리할 때 사용하는 메서드입니다. const req1 = () => new Promise((resolve) => setTimeout(() ..

프로미스는 콜백의 에러 처리 문제를 후속 메서드 catch를 통해 해결했습니다. new Promise((resolve, reject) => { throw new Error("에러 발생"); }) .then((resolve) => console.log(resolve)) .catch((err) => console.error(err)); // "에러 발생" 앞서 살펴본 바와 같이 catch 메서드는 then(undefined, reject)와 같아 다음과 같이 사용할 수 있습니다. new Promise((resolve, reject) => { throw new Error("에러 발생"); }) .then((resolve) => console.log(resolve)) .then((_, err) => consol..

Promise는 기존의 비동기 처리에서 콜백 헬을 해결하기 위해 나온 ECMAScript 표준 사양입니다. Promise 이전에 비동기 처리를 하기 위해서는 비동기 처리가 완료되면 콜백 함수를 실행하는 방식을 사용하였습니다. 비동기로 가져온 데이터는 외부에서 사용할 수 없기 때문입니다. 이유는 비동기를 처리하는 브라우저의 방식 때문입니다. 이에 대해서는 다른 장에서 자세히 다루도록 합니다. var asyncFn = requestData(apiURL, callback(data) => { requestData(apiURL, callback(data) => { reqeustData(apiURL, callback(data) => { // ... } } }) 이런 식으로 작성하게 되면 코드를 작성하기 힘들고 읽고..