async/await 기초

우선 async/await 알기전 비동기에 대한 동시 작업에 대한 이해가 필요

비동기 - 동시에 여러 작업 진행

function finishJob(num) {
  console.log(`${num}번 요원의 정보를 받아왔습니다.`);
}

setTimeout(finishJob, 2000, 1);
setTimeout(finishJob, 1500, 2);
setTimeout(finishJob, 1000, 3);
console.log("정보 요청을 모두 보냈습니다.");

결과

정보 요청을 모두 보냈습니다.
3번 요원의 정보를 받아왔습니다.
2번 요원의 정보를 받아왔습니다.
1번 요원의 정보를 받아왔습니다.

동기 작업같은경우 위에서 순차적으로 실행과 종료로 진행하지만 비동기는 동작을 다른 흐름에 영향을 미치지 않고 독립적으로 동작(setTimeout:비동기 함수)

동기의 (대략적인) 특징

• 동시에 여러 작업을 수행할 수 없다.
• 흐름을 예측하기 쉽다. 먼저 수행되고 나중에 수행되는 것들이 명확하다.
  비동기의 (대략적인) 특징
• 동시에 여러 작업을 수행할 수 있다.
• 흐름을 예측하기 어렵다. (무엇이 먼저 완료될 지 보장할 수 없다.)