1. async와 await란?
- JavaScript의 비동기 처리 패턴 문법이다.
- 기존의 Callback 함수와 Promise의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 해준다.
2. async와 await 기본 문법
async function 함수명() {
await 비동기_처리_메서드_명();
}
- 일반적으로 await의 대상이 되는 비동기 처리 코드는 Axios 등 Promise를 반환하는 API 호출 함수이다.
3. async와 await 적용코드와 비적용코드
1) 비적용 코드
function logName() {
var user = fetchUser('domai.com/users/1');
if (user.id === 1) {
console.log(user.name);
}
}
2) 적용 코드
async function logName() {
var user = await fetchUser('domai.com/users/1');
if (user.id === 1) {
console.log(user.name);
}
}
- JavaScript의 비동기 처리 코드는 Callback을 사용해야만 코드의 실행 순서를 보장받을 수 있으나 async와 await를 적용함으로써 그럴 필요가 없어졌다.