호이스팅 (Hoisting) 개요 호이스팅(Hoisting)은 자바스크립트 실행 컨텍스트(Execution Context) 가 생성될 때, 변수·함수 선언이 해당 컨텍스트의 최상단으로 끌어올려지는 동작을 의미한다. 이 과정은 코드가 실제로 실행되기 전에 이루어지며, 개발자가 변수와 함수를 선언한 위치와는 무관하게 선언 자체가 먼저 처리된다는 점에서 종종 혼…

Execution Phase 자바스크립트(JavaScript)는 동적이고 인터프리터 기반의 프로그래밍 언어로, 코드의 실행 과정이 런타임에 결정됩니다. 이 과정에서 가장 핵심적인 개념 중 하나가 바로 실행 단계(Execution Phase)입니다. 자바스크립트 엔진은 코드를 실행하기 전에 준비 단계를 거치며, 이후 실제로 코드를 실행하는 두 단계로 나뉩니다…

트랜스파일링 개요 트랜스파일링(Transpiling)은 한 프로그래밍 언어의 소스 코드를 다른 프로그래밍 언어의 소스 코드로 변환하는 과정을 의미합니다. 일반적으로 "소스 투 소스 변환"(source-to-source compilation)이라고도 하며, 컴파일링과 유사하지만 결과물이 기계어가 아닌 다른 고급 언어의 코드라는 점에서 차이가 있습니다. 트랜스…

TDZ (Temporal Dead Zone) 개요 TDZ(Temporal Dead Zone, 시간적 사각지대)는 JavaScript에서 let과 const 키워드로 선언된 변수가 선언되기 전에 접근할 수 없는 구간을 의미하는 개념입니다. 이는 기존의 var 키워드와는 다른 동작 방식으로, 변수의 호이스팅(hoisting)이 발생하더라도 실제로 사용하기 전까…

호이스팅 개요 호이스팅(Hoisting)은 JavaScript의 컨텍스트 생성 단계에서 변수와 함수의언을 해당 스코프의 최상단으로 "끌어올리는" 것처럼 동작하는 특수한 메커니즘을 의미합니다. 이 개념은 JavaScript의 동작 방식을 이해하는 데 매우 중요하며, 특히 변수 선언과 초기화의 시점이 다를 경우 예기치 않은 동작을 유발할 수 있습니다. 호이스팅…

javascript // 전통적인 함수 표현 function add(a, b) { return a + b; } // 화살표 함수 const add = (a, b) => a + b; javascript const user = { name: 'Alice', greet: () => { console.log(Hello, ${this.name}); // this는 …