자바스크립트 + 리액트 디자인 패턴

208

자바스크립트 + 리액트 디자인 패턴

return;

}

// data1, data2, data3을 다루기

});

});

});

이 예제의

makeRequest1

함수는 네트워크 요청을 수행하고 요청 결과를 매개변수로 하여

콜백 함수를 호출합니다. 이 콜백 함수는 다시

makeRequest2

함수를 이용하여 또 다른 네트

워크 요청을 수행하고, 그에 대한 결과를 또 다른 콜백 함수로 전달합니다. 이러한 패턴은 세

번째 네트워크 요청까지 계속됩니다.

9.3

프로미스 패턴

프로미스

Promise

는 자바스크립트에서 비동기 작업을 처리하는 최신 방법입니다. 프로미스는

비동기 작업의 결과를 나타내는 객체로, 대기

pending

, 완료

fulfilled

, 거부

rejected

의 세 가지 상태를

가질 수 있습니다. 작업이 성공적으로 완료되었거나 거부되었을 때 결과를 제공하는 일종의

계약서 같은 존재입니다.

프로미스는

Promise

생성자를 사용하여 만들 수 있으며, 이 생성자는 함수를 인수로 받습니

다. 또다시 이 함수는

resolve

와

reject

두 개의 인수를 전달받습니다.

resolve

함수는 비

동기 작업이 성공적으로 완료되었을 때 호출되고,

reject

함수는 작업이 실패했을 때 호출

됩니다.

다음은 네트워크 요청을 위해 프로미스를 사용하는 방법을 보여주는 ...