async / await

동기 - 앞의 작업이 끝나고 나서 실행해야하는 작업일 때 사용(예 : 게시물 등록 후 게시물 조회)
비동기 - 기다릴 필요가 없는(순서 상관이 없는) 작업일 때 사용(예 : 쇼핑몰 상품 목록 불러오기)
java script에서 비동기

async function getData() {
const data = axios.get('https://koreanjson.com/posts/1')
console.log(data) //Promise

JS는 기본적으로 동기로 작동하지만 axios와 같이 외부 데이터를 송/수신 하는 경우에 비동기로 작동한다. 동기로 작동시키려면 기다려야하는데 이때 await를 사용한다. 그리고 await를 사용하기 위해서는 async와 함께 사용해야한다.

async function getData() {
const data = await axios.get('https://koreanjson.com/posts/1')
console.log(data) //{포스트 내용}
}

JS에서는 상수/변수 선언을 할 때 const/let을 쓴다.
이전에 쓰던 var을 더이상 쓰지 않은 이유가 몇 가지 있는데 그 중 하나는 동기로 작동해야하는 상황에서 문제가 생길 수 있기 때문이다.
아래와 같이 입력하면 오류가 뜨지 않고 undefined를 반환한다.

console.log(fruit);
var fruit = apple;