async & await 란?

📚function 키워드 앞에 async만 붙여주면 되고
비동기로 처리되는 부분 앞에 await만 붙여주면 된다.

async가 붙은 함수는 프라미스를 반환하고, 프라미스가 아닌 것은 프라미스로 감싸 반환한다.
await 키워드를 만나면 프라미스가 처리(settled)될 때까지 기다린다.
그리고 프라미스가 처리가 완료되어 resolve(값) 되면 값만 따로 추출해서 리턴한다.

await는 promise.then보다 좀 더 세련되게 프라미스의 result 값을 얻을 수 있도록 해주는 문법이다. promise.then보다 가독성 좋고 쓰기도 쉽다.

async와 await는 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법이다. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와주는 장점이 있음!

vs코드에서 data 요청하면 koreanjson을 불러올때까지 기다리는게 아니라 (안기다리고) console.log(data)를 바로 찍어버리지만!!!
async와 await를 입력하면 아래로 바로 내려가는게 아니라 "koreanjson"을 불러올때까지 기다리게 된다!!!!!