✅ Call Stack이란?

• 자바스크립트 엔진이 함수를 실행할 때 사용하는 자료구조
• 후입선출 (LIFO: Last In, First Out) 방식
• 함수가 호출되면 Stack에 쌓이고, 실행이 끝나면 빠진다

✅ 컴포넌트에서의 기본 실행 흐름

jsx
복사편집
function MyComponent() {
  console.log("1: 시작");

  function task1() {
    console.log("2: task1 실행");
  }

  function task2() {
    console.log("3: task2 실행");
  }

  task1(); // ✅ 호출됨 → Stack에 올라감
  task2(); // ✅ 호출됨 → Stack에 올라감

  console.log("4: 끝");

  return <div>Done</div>;
}

✅ 실행 순서

1. MyComponent() 함수가 Stack에 올라감
2. task1()이 호출됨 → Stack에 올라가서 실행
3. task1() 실행 종료 → Stack에서 빠짐
4. task2() 호출 → Stack에 올라가서 실행
5. task2() 실행 종료 → Stack에서 빠짐
6. return문 실행 → JSX 반환
7. MyComponent() 종료 → Stack에서 빠짐

✅ 핵심 요점

• 호출된 함수만 Stack에 올라간다
• 순서대로 호출되더라도, 내부적으로는 후입선출 방식으로 처리된다