[javascript] react 들어가기 전! javascript 복습 (실전4 - 완)

9. async & await - 직관적인 비 동기 처리 코드 작성하기

// async
// function hello() {
//   return "hello";
// }

function delay(ms) {
  return new Promise((resolve) => {
    setTimeout(resolve, ms);
  });
}

async function helloAsync() {
  await delay(3000);
  return "hello Async";
}

async function main() {
  const res = await helloAsync();
  console.log(res);
}

main();
// console.log(hello());
// console.log(helloAsync());

---

10. API 호출

*API : 응용 프로그램 프로그래밍 인터페이스

*open api : https://jsonplaceholder.typicode.com/

 

async function getDate() {
  let rawResponse = await fetch("https://jsonplaceholder.typicode.com/posts");
  let jsonResponse = await rawResponse.json();
  console.log(jsonResponse);
}

getDate();

 

결과 :