Overview 자바스크립트 ES6부터 비동기 코드 처리를 위해 async / await 문법이 추가되었습니다. ES6(=ES2015) 문법 자체가 도입된 지 꽤 많은 시간이 지났기 때문에 최근의 웹 개발은 async / await 을 통해 대부분의 비동기 처리를 하는 것이 일반적입니다. 서버로 네트워크 요청을 보내고, 그 결과를 가지고 다시 서버에 요청을 보내는 등의 비동기 처리를 할 때, ES6이후의 문법에서는 async / await을 사용해 다음과 같이 처리할 수 있습니다. async function getResult(id) { const result = await getSearchResult(id); const video = await getVideo(result); return video; }..

칼럼 await vs return vs return await를 정리한 글임을 서두에 밝힙니다. 자바스크립트를 사용하면서 처음에 가장 이해하기 어려웠던 부분중의 하나가 비동기 액션을 Async / Await과 Promise 객체를 사용하여 처리하는 것이었습니다. 이번 포스팅에서는 Async 함수의 결과를 Await, Return, Return Await 하는 경우에 각각 어떤 일들이 일어나는지를 확인해보겠습니다. 먼저 다음 Async 함수를 보도록 하겠습니다. async function waitAndMaybeReject() { // Wait one second await new Promise(res => setTimeout(res, 1000)); // Toss a coin const isHeads = B..