🧞‍♀️ 동기 처리 / 비동기 처리


<aside> 🧞‍♀️

함수 호출 시 흐름

1️⃣ 함수 코드 평가

2️⃣ 함수 실행 컨텍스트 생성

3️⃣ 실행 컨텍스트 스택에 푸시

4️⃣ 함수 코드 실행

</aside>

<aside> 🧞‍♀️

실행 컨텍스트 스택

</aside>

const foo = () => {};
const bat = () => {};

foo();
bar();

스크린샷 2024-11-20 오후 4.58.53.png

동기 처리

현재 실행 중인 태스크가 종료할 때까지 다음에 실행될 태스크가 대기하는 방식

비동기 처리

현재 실행 중인 태스크가 종료되지 않은 상태라 해도, 다음 태스크를 곧바로 실행하는 방식