async / await

동기 실행과 비동기 실행
1. 동기 실행: 서버 컴퓨터의 작업이 끝날 때까지 기다린 후 다음 작업을 실행하는 통신!
2. 비동기 실행: 서버 컴퓨터의 작업이 끝날 때까지 기다리지 않는 통신으로 서버에 요청(등록, 수정, 삭제 등)이 저장될 때까지 기다리지 않고 다른 작업을 진행!

오늘 알아볼 async / await 은 비동기 실행 방식에서 동기 실행 방식으로 변경해주기 위해 필요한 요소들이다!!

아래는 예제 코드이다.

async function 함수이름() {
	const data = await axios.get('https://koreanjson.com/posts/1')
	console.log(data) // {id: 1, title: "정당의 목적이나 활동이 ...", ...}
}

await, async -> 짝꿍처럼 꼭 함께 작성 되어야하는 요소!

이것의 의미를 알아보자!

await이 작성된 부분의 코드 실행이 완전히 완료되기 전까지는 하단의 코드로 실행이 넘어가지 않게끔 해라!! 라는 내용이다