실행 컨텍스트와 콜스택 | Notion

🔧 1. 실행 컨텍스트 (Execution Context)란?

"자바스크립트가 어떤 코드를 실행할 때 필요한 정보를 모아둔 객체"

예를 들어, 어떤 함수를 실행할 때:

어떤 변수들이 있는지
어떤 함수가 안에 정의되어 있는지
this가 뭔지

위와 같은 정보들이 들어있습니다.

✨ 실행 컨텍스트 안에는 이런 것들이 포함됩니다.

항목	설명
변수 환경	변수, 상수, 함수 선언 등
렉시컬 환경	스코프 체인 정보
this 바인딩	this가 가리키는 대상

🧱 2. 콜 스택 (Call Stack) 이란?

"현재 실행 중인 실행 컨텍스트들을 쌓아놓는 스택 자료구조"

자바스크립트는 싱글 스레드 → 한 번에 하나의 일만 처리 가능
그래서 함수가 호출될 때마다 실행 컨텍스트가 콜 스택에 쌓였다가, 끝나면 빠져나와요

📦 비유로 설명:

콜 스택은 접시 쌓는 탑 같아요 (Last-In, First-Out)
새로운 함수가 호출되면 **새 접시(실행 컨텍스트)**를 위에 올리고,
함수가 끝나면 그 접시를 먼저 치우는 구조예요

📘 예제 코드와 흐름 보기: