async, await

1. async

함수 앞에 async를 붙여서 사용한다.

항상 프라미스를 반환한다. (프라미스가 아닌 값이라도, 프라미스로 감싸서 반환해준다.)

// async는 function 앞에 써준다.
async function myFunc() {
	return "프라미스를 반환해요!"; // 프라미스가 아닌 것을 반환한다.
}

myFunc().then(result => {console.log(result)}); // 콘솔로 확인

2. await

async와 함께 쓰인다. (async 없이는 못쓴다.)

async 함수 안에서만 동작한다.

await는 프라미스가 처리 될 때까지 기다렸다가 그 이후에 결과를 반환한다.

async function myFunc(){
	let promise = new Promise((resolve, reject) => {
		setTimeout(() => resolve("완료!"), 1000);
	});

    console.log(promise);

	let result = await promise; // 여기서 기다리자!하고 신호를 준다.

    console.log(promise);

	console.log(result); // then(후처리 함수)를 쓰지 않았는데도, 1초 후에 완료!가 콘솔에 찍힌다.
}

await을 만나면, 실행이 잠시 중단되었다가 프라미스 처리 후에 실행을 재개한다.

즉. await을 쓰면 함수 실행을 기다리게 하는 것이다.