async function makeRequests() {
  try {
    const response1 = await fetch("<https://jsonplaceholder.typicode.com/todos/1>");
    const jsonResponse1 = await response1.json();
    console.log("jsonResponse1", jsonResponse1);

    const response2 = await fetch("<https://jsonplaceholder.typicode.com/todos/2>");
    const jsonResponse2 = await response2.json();
    console.log("jsonResponse2", jsonResponse2);
  } catch (error) {
    console.log(error);
  } finally {
    console.log("---all process done---");
  }
}
makeRequests();

// jsonResponse1 { userId: 1, id: 1, title: 'delectus aut autem', completed: false }
// jsonResponse2 {
//   userId: 1,
//   id: 2,
//   title: 'quis ut nam facilis et officia qui',
//   completed: false
// }
// ---all process done---

• 비동기 코드를 마치 동기 코드처럼 보입니다.
• Promise에 then메서드를 체인 형식으로 호출하는 것보다 가독성이 좋습니다.
• await는 async 내부 함수에서만 사용할 수 있습니다.
• 동기식 코드에서 쓰는 try... catch 구문을 async/await구조에서 사용할 수 있습니다.

const myPromise = new Promise((resolve, reject) => {
  const error = false;
  if (!error) {
    setTimeout(() => {
      resolve("success");
    }, 1000);
  } else {
    setTimeout(() => {
      reject("failure");
    }, 1000);
  }
});

myPromise.then(
  (result) => {
    console.log(result);
  },
  (err) => {
    console.log(err);
  }
); // success