\
실행 컨텍스트(Execution Context)
·
WEB/JavaScript
📦 컨텍스트컨텍스트(Context)란 상황, 맥락, 문맥 상의 의미를 의미합니다. 이를 개발자답게 해석해보면, 텍스트의 내용뿐만 아니라, 텍스트가 사용된 상황, 이전 문맥, 이후 맥락 등을 모두 가지고 있는 데이터 묶음을 가리킨다고 할 수 있습니다. 🚗 JavaScript의 동작 과정JavaScript를 사용하기 위해서는 코드를 통해 명령어를 나열하며, 이를 활용하여 로직을 수행할 수 있습니다. 이때 코드를 작성하는 행위를 우리가 흔히 아는 코딩(coding)이라고 합니다.📃 소스코드JavaScript 뿐만 아니라 여러 개발 언어에서 작성된 코드를 소스코드라고 부릅니다. JavaScript가 동작할 때 크게 소스코드 평가과 소스코드 실행 단계로 나누어 동작하며, 총 4가지의 소스코드 타입을 가지고 ..
[자료구조] 스택(Stack)
·
Algorithm/개념
📦 스택(Stack)스택(Stack)은 데이터를 한쪽 방향으로만 넣고 꺼내는 자료구조입니다. 후입선출(LIFO, Last In First Out)방식으로 동작하여 가장 마지막에 들어온 데이터가 가장 먼저 나가는 구조입니다.예를들어, 접시를 쌓아두고 위에서부터 하나씩 사용하는 것과 같습니다.스택의 핵심은 “순서대로 데이터를 넣고, 마지막 데이터를 삭제한다.” 이며, 핵심을 이해하려면 스택이 동작하는 과정을 살펴보면 다음과 같습니다. 🏓 동작 방식1. 데이터 추가(push)앞에서부터 순서대로 데이터를 추가합니다.2. 데이터 제거(pop)가장 마지막 데이터를 제거합니다.3. 스택의 가장 마지막 데이터 확인마지막에 있는 데이터를 확인합니다.4. 스택이 비어있는지 확인스택이 비어있는지 확인하는 방법은 스택의 ..
[JS] 렉시컬 스코프(Lexical Scope) 란??
·
WEB/JavaScript
스코프란?스코프(Scope)란, 유효범위란 뜻으로 자바스크립트를 포함한 모든 프로그래밍 언어에서 사용하는 중요한 개념입니다.  스코프의 개념을 잘 알아야 자바스크립트의 let, const와 var 선언자의 차이 등을 이해하는데 어려움을 덜 수 있습니다.  [추가 글 작성 예정입니다.] 스코프의 종류코드는 크게 두 가지의 스코프로 구분할 수 있습니다. 코드의 가장 바깥 영역, 전역 스코프함수 몸체 내부 영역, 지역 스코프 간단한 예제를 살펴보면,  예제 코드 내부에 위와 같은 스코프가 있는 것을 볼 수 있습니다. [추가 글 작성 예정입니다.] 렉시컬 스코프아래 코드를 예측 해보려고 합니다. 잠시 스크롤을 멈추고 생각해보길 권해드립니다.var x = 1;function foo() { var x = 10; ..