GRuuuuu / GRuuuuu.github.io

hololy
https://gruuuuu.github.io
MIT License
20 stars 12 forks source link

javascript/async-js/ #43

Open utterances-bot opened 1 year ago

utterances-bot commented 1 year ago

Javascript 비동기 함수의 동작원리 (feat. EventLoop) - 호롤리한 하루

Overview 이번 포스팅에서는 최근 Javascript관련 포스팅 3개를 작성하면서 개인적으로 궁금했던 내용을 다뤄보려고 합니다. (1) 호다닥 톺아보는 Callback 함수 (2) 호다닥 톺아보는 Promise (3) 호다닥 톺아보는 async&await Javascript는 Single Thread Javascript는 Single Thread기반 언어입니다. 즉, 한 번에 하나의 작업만 수행이 가능하다는 의미입니다. 그

https://gruuuuu.github.io/javascript/async-js/

roksui commented 1 year ago

Node.js 비동기 스택트레이스에 대해 정말 잘 설명해놓으셨네요! 덕분에 잘 읽고갑니다 :)

hwajj commented 1 year ago

이렇게 잘 정리된 글에 댓글이 없다니..!! 잘 읽고갑니다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 좋아요 버튼 어딨어~~~

Mona04 commented 1 year ago

감사합니다

YunSeongHyeon commented 1 year ago

너무 잘 정리되어 있어서 면접준비하는데 많은 도움이 됐습니다. 너무너무 감사드립니다!

jeongdopark commented 1 year ago

와우 .. 잘 읽고 갑니다 ⭐️👍

dhdbtkd commented 8 months ago

심도 깊게 적힌 글이라 도움 됐습니다.

다만 codepen에서 실습해보니 실제로 다르게 동작하는 부분이 있어서 의견 남깁니다. '그럼 이번엔 async와 await의 동작도 한번 보겠습니다.' 아래에 나오는 예시코드에서 console.log("4")는 asyncFunc()이후에 바로 실행됩니다. codepen에서 돌려봐도 3 -> 2 -> 4 -> 1 순으로 console.log찍히네요. 한번 확인 부탁드립니다

좋은 글 감사드립니다.

GRuuuuu commented 8 months ago

@dhdbtkd 오..이런... 제가 예제 코드에 console.log("0"); 을 빼먹고 안넣었네요(예제 코드 "Doing Something!"부분)
사진에는 해당 라인이 존재해서 헷갈리셨을 것 같습니다.. 예제코드 수정했습니다!

function promiseFunc(){
  return new Promise(function(res, rej)   
  {// Doing something!
    console.log("0");   // <- 이 부분 추가
    res(1);
  });
}
a1603169 commented 6 months ago

블로그 작성하는데 많은 도움이 되었습니다 감사합니다!