프론트엔드 개발을 하며 제가 비동기 처리를 모른다는 사실을 알게 되었습니다.

근데 지금까지 개발은 잘 되었(?)기 때문에 제가 모른다는 사실도 몰랐습니다.

혹시 당신도 그럴지도 모릅니다..!

아래 코드의 결과는 뭘까요?

const sayA = async () => {
  await setTimeout(function() {console.log("a")}, 10);
}

const sayB = () => {
  console.log("b");
}

const sayC = () => {
  console.log("c");
}

sayA();
sayB();
sayC();

정답은 "b c a" 입니다.

혹시 async await을 붙였으니 "a b c"라고 생각하셨나요?

그렇다면 제가 했던 오해를 담은 게시글을 읽어보세요!

https://lire-eruel-dev.tistory.com/entry/어쩌면-당신도-비동기-처리를-모르고-있다