await Promise.all 사용법

폼요소 유효성검사를 하다
1. 폼 입력 부분
2. 필수 체크 부분

크게 두 영역으로 유효성검사 코드가 나뉘었다.
이 때 문제는 유효성검사는 async await를 사용하다 보니
검사결과를 두개가 동시에 나오지가 않고 차례대로 나오는 것이다.

Promise.all()은 여러 개의 Promise를 동시에 실행하고, 해당 Promise들의 결과를 모두 기다린 후에 하나의 Promise로 묶어주는 JavaScript 함수이고, 이를 사용하면 여러 개의 비동기 작업들을 병렬로 처리할 수 있다

// 비동기 함수 1
function asyncFunction1() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('Async Function 1 Done');
    }, 1000);
  });
}

// 비동기 함수 2
function asyncFunction2() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('Async Function 2 Done');
    }, 2000);
  });
}

// Promise.all()을 사용하여 두 함수를 병렬로 실행
async function runParallel() {
  const results = await Promise.all([asyncFunction1(), asyncFunction2()]);
  console.log(results); // ["Async Function 1 Done", "Async Function 2 Done"]
}

runParallel();