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

214

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

};

}

const makeRequestWithLogger = logger(makeRequest);

makeRequestWithLogger('http://example.com/')

.then(data => console.log(data))

.catch(error => console.error(error));

9.3.9

프로미스 경쟁

프로미스 경쟁

Promise

Race

패턴은 여러 프로미스를 동시에 실행하고 가장 먼저 완료되는 프로

미스의 결과를 반환합니다.

Promise.race([

makeRequest('http://example.com/1'),

makeRequest('http://example.com/2')

]).then(data => {

console.log(data);

});

9.4 async

/

await

패턴

async

/

await

는 비동기 코드를 마치 동기 코드처럼 작성할 수 있게 해주는 자바스크립트의

기능입니다.

async

/

await

는 프로미스를 기반으로 구축되었으며, 비동기 코드 작업을 보다

쉽고 간결하게 만들어줍니다.

다음은

async

/

await

를 사용하여 비동기

HTTP

요청을 만드는 예시입니다.

async function makeRequest() {

try {

const response = await fetch('http://example.com/'); ...