모카 스터디/JavaScript

한입 크기로 잘라 먹는 리액트 -동기 & 비동기- [인프런]

softmoca 2023. 7. 17. 00:00

동기 & 비동기

 자바스크립트는 Call Stack이 하나여서 싱글스레드로 동작한다.

 

settimeout이라는 내장 비동기함수 예제

 

 

 

 

위는 동기 방식으로의 Call Stack 예제

 

 

3초가 끝나고..!

Callback Queue에서 Callback Stack으로 cb함수를 넘겨줄때

Event loop는 Call Stack에 Main Context를 제외한 다른 함수가 남아 있는지 자꾸 체크를 하다가

아무것도 남아 있지 않으면 콜백 함수(cb)를 실행 시킬수 있다

위는 비동기 실행 예제