자바스크립트로 비동기 다루기 callback/Promise/Async-Await

<aside> 🍦 Specially Thanks to Ellie

</aside>

목차

01 _ 비동기성에 대해서

04 _ Promise basic (정말 중요!)

05 _ 본격 Promise (정말 중요!)

01 _ 비동기성에 대해서

비동기적 처리 : 무엇인가를 요청하고 응답을 기다리는 것에 있어서, 응답을 기다리는 도중에 다른 일을 처리하는 행위와 같은 프로그래밍적 처리를 의마한다.
예시 : Youtube에서 지금 당장 볼 영상을 클릭하고 옆에 있는 다른 동영상을 서칭하는 행위, 서버에게서 큰 용량의 파일을 요청하고 다른 작업을 먼저 처리하는 경우 등
자바스크립트 언어는 기본적으로 함수와 변수의 호이스팅을 기반으로 동기적으로 동작하지만, 비동기성을 다루기에 충분한 언어이다. 브라우저에 기본적으로 내장된 setTimeout API를 적극적으로 활용하여 자바스크립트로 비동기를 다루는 방법에 대해 공부해보자.

02 _ Callback 함수로 비동기 다뤄보기

우선, setTimeout API를 활용하여 함수의 실행 순서를 알아보자

console.log(1)
setTimeout(() => console.log(2), 1000);
console.log(3);

// -> 1, 3, 2