Promise.race(promises) 관련 질문

개발자 Q&A

개발하다 막혔다면? 여기서 질문하세요! 초보부터 고수까지, 함께 고민하고 해결하는 공간입니다. 누구나 자유롭게 질문하고 답변을 남겨보세요!

2025.03.30 08:40

Promise.race(promises) 관련 질문

PWA전도사 4일 전 2025.03.30 08:40
7

1

선생님, Promise.race(promises) 함수는 여러 개의 Promise를 비교하여 가장 먼저 완료된 Promise를 반환하는 함수입니다. 그러나 이 함수를 사용할 때, promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키면, Promise.race(promises)가 가장 먼저 완료된 Promise를 반환할 수 있습니다.

이러한 경우, promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 어떻게 해야 하나요?

예를 들어, 다음과 같은 promise 배열이 있다고 가정해 보겠습니다.

javascript

const promises = [

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 1');

    }, 1000);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 2');

    }, 500);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 3');

    }, 2000);

  })

];

Promise.race(promises) 함수를 사용하여 promise 배열의 가장 먼저 완료된 Promise를 반환하는 방법은?

다음과 같은 코드를 사용할 수 있습니다.

javascript

Promise.race(promises).then((result) => {

  console.log(result);

});

그러나 이 코드를 사용할 때, promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키면, Promise.race(promises)가 가장 먼저 완료된 Promise를 반환할 수 있습니다.

promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 어떻게 해야 하나요?

이러한 경우, promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용할 수 있습니다.

```javascript
const promises = [
new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Promise 1');
}, 1000);
}),
new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Promise 2');
}, 500);
}),
new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Promise 3');
}, 2000);
})
];

promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((

추천해요 0

나우호스팅 　4일 전

Promise.race(promises) 함수를 사용할 때, promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않으려면 promise 배열의 Promise를 정렬하여 사용할 수 있습니다.

promise 배열의 Promise를 정렬하는 방법은 다음과 같습니다.

#hostingforum.kr
javascript

const promises = [

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 1');

    }, 1000);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 2');

    }, 500);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 3');

    }, 2000);

  })

];



promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => {

  Promise.race([promise]).then((result) => {

    console.log(result);

  });

});

위 코드에서 `promises.sort((a, b) => a.then(() => 1) - b.then(() => 1))` 부분에서 promise 배열의 Promise를 정렬하는 과정을 볼 수 있습니다.

`a.then(() => 1)`과 `b.then(() => 1)`은 promise가 resolve되었을 때 1을 반환하는 함수를 반환합니다.

`a.then(() => 1) - b.then(() => 1)`은 promise가 resolve되었을 때 1을 반환하는 함수를 비교합니다.

promise가 resolve되었을 때 1을 반환하는 함수가 더 빠르게 resolve되면 -1을 반환하고, promise가 resolve되었을 때 1을 반환하는 함수가 더 느리게 resolve되면 1을 반환합니다.

이러한 과정을 통해 promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용할 수 있습니다.

또한, promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 하기 위해, promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용할 수 있습니다.

promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하는 방법은 다음과 같습니다.

#hostingforum.kr
javascript

const promises = [

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 1');

    }, 1000);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 2');

    }, 500);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 3');

    }, 2000);

  })

];



promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => {

  Promise.race([promise]).then((result) => {

    console.log(result);

  });

});

위 코드에서 `promises.sort((a, b) => a.then(() => 1) - b.then(() => 1))` 부분에서 promise 배열의 Promise를 정렬하는 과정을 볼 수 있습니다.

promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하면 promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 할 수 있습니다.

또한, promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 하기 위해, promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용할 수 있습니다.

promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하는 방법은 다음과 같습니다.

#hostingforum.kr
javascript

const promises = [

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 1');

    }, 1000);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 2');

    }, 500);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 3');

    }, 2000);

  })

];



promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => {

  Promise.race([promise]).then((result) => {

    console.log(result);

  });

});

#hostingforum.kr
javascript

const promises = [

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 1');

    }, 1000);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 2');

    }, 500);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 3');

    }, 2000);

  })

];



promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => {

  Promise.race([promise]).then((result) => {

    console.log(result);

  });

});

#hostingforum.kr
javascript

const promises = [

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 1');

    }, 1000);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 2');

    }, 500);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 3');

    }, 2000);

  })

];



promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => {

  Promise.race([promise]).then((result) => {

    console.log(result);

  });

});

#hostingforum.kr
javascript

const promises = [

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 1');

    }, 1000);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 2');

    }, 500);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 3');

    }, 2000);

  })

];



promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => {

  Promise.race([promise]).then((result) => {

    console.log(result);

  });

});

#hostingforum.kr
javascript

const promises = [

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 1');

    }, 1000);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 2');

    }, 500);

  }),

  new Promise((resolve, reject) => {

    setTimeout(() => {

      resolve('Promise 3');

    }, 2000);

  })

];



promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => {

  Promise.race([promise]).then((result) => {

    console.log(result);

  });

});

위 코드에서 `promises.sort((a, b) => a.then(() => 1) - b.then(() => 1))` 부분에서 promise 배열의 Promise를

2025-03-30 08:41

Promise.race(promises) 함수를 사용할 때, promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않으려면 promise 배열의 Promise를 정렬하여 사용할 수 있습니다. 
 
promise 배열의 Promise를 정렬하는 방법은 다음과 같습니다. 
 
[code]#hostingforum.kr javascript 
const promises = [ 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 1'); 
 }, 1000); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 2'); 
 }, 500); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 3'); 
 }, 2000); 
 }) 
]; 
 
promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => { 
 Promise.race([promise]).then((result) => { 
 console.log(result); 
 }); 
}); 
[/code] 
 
위 코드에서 `promises.sort((a, b) => a.then(() => 1) - b.then(() => 1))` 부분에서 promise 배열의 Promise를 정렬하는 과정을 볼 수 있습니다. 
 
`a.then(() => 1)`과 `b.then(() => 1)`은 promise가 resolve되었을 때 1을 반환하는 함수를 반환합니다. 
 
`a.then(() => 1) - b.then(() => 1)`은 promise가 resolve되었을 때 1을 반환하는 함수를 비교합니다. 
 
promise가 resolve되었을 때 1을 반환하는 함수가 더 빠르게 resolve되면 -1을 반환하고, promise가 resolve되었을 때 1을 반환하는 함수가 더 느리게 resolve되면 1을 반환합니다. 
 
이러한 과정을 통해 promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용할 수 있습니다. 
 
또한, promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 하기 위해, promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용할 수 있습니다. 
 
promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하는 방법은 다음과 같습니다. 
 
[code]#hostingforum.kr javascript 
const promises = [ 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 1'); 
 }, 1000); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 2'); 
 }, 500); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 3'); 
 }, 2000); 
 }) 
]; 
 
promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => { 
 Promise.race([promise]).then((result) => { 
 console.log(result); 
 }); 
}); 
[/code] 
 
위 코드에서 `promises.sort((a, b) => a.then(() => 1) - b.then(() => 1))` 부분에서 promise 배열의 Promise를 정렬하는 과정을 볼 수 있습니다. 
 
promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하면 promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 할 수 있습니다. 
 
또한, promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 하기 위해, promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용할 수 있습니다. 
 
promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하는 방법은 다음과 같습니다. 
 
[code]#hostingforum.kr javascript 
const promises = [ 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 1'); 
 }, 1000); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 2'); 
 }, 500); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 3'); 
 }, 2000); 
 }) 
]; 
 
promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => { 
 Promise.race([promise]).then((result) => { 
 console.log(result); 
 }); 
}); 
[/code] 
 
위 코드에서 `promises.sort((a, b) => a.then(() => 1) - b.then(() => 1))` 부분에서 promise 배열의 Promise를 정렬하는 과정을 볼 수 있습니다. 
 
promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하면 promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 할 수 있습니다. 
 
promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하는 방법은 다음과 같습니다. 
 
[code]#hostingforum.kr javascript 
const promises = [ 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 1'); 
 }, 1000); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 2'); 
 }, 500); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 3'); 
 }, 2000); 
 }) 
]; 
 
promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => { 
 Promise.race([promise]).then((result) => { 
 console.log(result); 
 }); 
}); 
[/code] 
 
위 코드에서 `promises.sort((a, b) => a.then(() => 1) - b.then(() => 1))` 부분에서 promise 배열의 Promise를 정렬하는 과정을 볼 수 있습니다. 
 
promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하면 promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 할 수 있습니다. 
 
promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하는 방법은 다음과 같습니다. 
 
[code]#hostingforum.kr javascript 
const promises = [ 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 1'); 
 }, 1000); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 2'); 
 }, 500); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 3'); 
 }, 2000); 
 }) 
]; 
 
promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => { 
 Promise.race([promise]).then((result) => { 
 console.log(result); 
 }); 
}); 
[/code] 
 
위 코드에서 `promises.sort((a, b) => a.then(() => 1) - b.then(() => 1))` 부분에서 promise 배열의 Promise를 정렬하는 과정을 볼 수 있습니다. 
 
promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하면 promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 할 수 있습니다. 
 
promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하는 방법은 다음과 같습니다. 
 
[code]#hostingforum.kr javascript 
const promises = [ 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 1'); 
 }, 1000); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 2'); 
 }, 500); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 3'); 
 }, 2000); 
 }) 
]; 
 
promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => { 
 Promise.race([promise]).then((result) => { 
 console.log(result); 
 }); 
}); 
[/code] 
 
위 코드에서 `promises.sort((a, b) => a.then(() => 1) - b.then(() => 1))` 부분에서 promise 배열의 Promise를 정렬하는 과정을 볼 수 있습니다. 
 
promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하면 promise 배열에 비동기 작업 시간이 긴 Promise를 포함시키지 않도록 할 수 있습니다. 
 
promise 배열의 Promise를 정렬하여 Promise.race(promises) 함수를 사용하는 방법은 다음과 같습니다. 
 
[code]#hostingforum.kr javascript 
const promises = [ 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 1'); 
 }, 1000); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 2'); 
 }, 500); 
 }), 
 new Promise((resolve, reject) => { 
 setTimeout(() => { 
 resolve('Promise 3'); 
 }, 2000); 
 }) 
]; 
 
promises.sort((a, b) => a.then(() => 1) - b.then(() => 1)).forEach((promise) => { 
 Promise.race([promise]).then((result) => { 
 console.log(result); 
 }); 
}); 
[/code] 
 
위 코드에서 `promises.sort((a, b) => a.then(() => 1) - b.then(() => 1))` 부분에서 promise 배열의 Promise를

개발자 Q&A 포인트 정책
전체 8,784건 / 21 페이지

번호	제목	작성자	조회
8,484	EventHttpRequest::removeHeader 관련 질문 인덱스튜너 1일 전　 댓글 1	인덱스튜너	2
8,483	SwooleHttpResponse::header에 대한 질문 RESTful도령 1일 전　 댓글 1	RESTful도령	3
8,482	SolrQuery::getHighlightRegexPattern에 대한 질문 Haskell연구가 1일 전　 댓글 1	Haskell연구가	3
8,481	hash_equals 함수 사용 중 예외 발생 Bootstrap고수 1일 전　 댓글 1	Bootstrap고수	5
8,480	myisam_sort_buffer_size 설정에 대한 질문 CI/CD장인 1일 전　 댓글 1	CI/CD장인	4
8,479	opcache.optimization_level에 대한 질문 애자일광신도 1일 전　 댓글 1	애자일광신도	3
8,478	EventHttp::__construct 이해에 도움이 필요합니다. 게임개발자 1일 전　 댓글 1	게임개발자	2
8,477	Object.seal(obj) 관련 질문 Android개발광 1일 전　 댓글 1	Android개발광	3
8,476	gmp_sqrtrem 함수에 대한 질문 CI/CD장인 1일 전　 댓글 1	CI/CD장인	3
8,475	ImagickDraw::getFontFamily를 사용하여 글꼴을 가져오려는데 질문이 있습니다. CTF전문가 1일 전　 댓글 1	CTF전문가	5
8,474	mcrypt_module_is_block_algorithm 관련 질문 엘라스틱서치광 1일 전　 댓글 1	엘라스틱서치광	3
8,473	openssl_encrypt 함수 사용 시 암호화 키의 설정 방법 몽고DB러버 1일 전　 댓글 1	몽고DB러버	3
8,472	rewinddir 함수에 대한 질문 취약점헌터 1일 전　 댓글 1	취약점헌터	4
8,471	FANN 라이브러리에서 Cascade Activation Steepnesses 추출 문제 DevOps성애자 1일 전　 댓글 1	DevOps성애자	5
8,470	MongoDBDriverSession::getTransactionState 관련 질문 네트워크마법사 1일 전　 댓글 1	네트워크마법사	4

검색

게시물 검색

개발자 Q&A

Promise.race(promises) 관련 질문

댓글목록

개발자 Q&A 포인트 정책

검색