JavaScript 호이스팅(Hoisting) 소개, 기능, 유의점, 예시 코드
JavaScript 호이스팅(Hoisting) 소개, 기능, 유의점, 예시 코드 JavaScript에서 호이스팅은 많은 개발자에게 헷갈리는 개념 중 하나입니다. 이 글에서는 호이스팅이 무엇인지, 그 동작 원리, 그리고 예시 코드를 통해 자세히 알아보겠습니다. 호이스팅이란? 호이스팅의 정의 호이스팅은 JavaScript 엔진이 코드 실행 전에 변수 및 함수 선언을 미리 메모리에 올리는 동작입니다. 실제 코드 실행 전에 변수 및 함수 선언이 끌어올려져 있어 마치 코드 상단에 선언된 것처럼 동작합니다. 호이스팅 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN 자바스크립트 호이스팅은 인터프리터가 코드를 실행하기 전에 함수, 변수, 클래스 또는 임포트(import)의 선언문을 해당 범위의 맨 위로..
2023. 11. 7.
JavaScript 실행 컨텍스트와 콜 스택 소개, 특징, 생성 과정, 예시 코드
JavaScript 실행 컨텍스트와 콜 스택 소개, 특징, 생성 과정, 예시 코드 JavaScript에서 코드가 실행될 때, 실행 컨텍스트와 콜 스택은 중요한 개념입니다. 이 글에서는 실행 컨텍스트와 콜 스택에 대한 이해를 높이기 위해 이 두 개념을 자세히 다루고, 예시 코드를 통해 설명하겠습니다. 실행 컨텍스트(Execution Context) Execution Context | TechWell 실행 컨텍스트란? techwell.wooritech.com 실행 컨텍스트의 정의 실행 컨텍스트는 코드가 실행되는 환경을 추상화한 개념입니다. 코드가 실행되면 실행 컨텍스트가 생성되고 관리됩니다. 실행 컨텍스트의 구성 요소 VariableObject: 변수, 함수, 매개변수의 정보를 포함합니다. Scope Cha..
2023. 11. 6.
JavaScript Spread 연산자 (...) 소개, 개념, 사용법, 예제 코드
JavaScript에서 Spread 연산자(...) 소개, 개념, 사용법, 예제 코드 Spread 연산자는 JavaScript에서 다양한 상황에서 유용하게 활용되는 중요한 개념 중 하나입니다. 이 연산자를 이해하고 사용하는 것은 객체와 배열을 다룰 때 매우 유용합니다. 이 글에서는 Spread 연산자의 개념, 사용법, 그리고 예시 코드를 통해 이해해보겠습니다. Spread 연산자란? Spread syntax (...) - JavaScript | MDN The spread (...) syntax allows an iterable, such as an array or string, to be expanded in places where zero or more arguments (for function cal..
2023. 11. 5.
