---
id: scope
title: "Scope"
category: "Frontend"
status: "draft"
verification_status: "conceptual"
canonical_id: ""
aliases: ["스코프", "유효범위", "Lexical Scope", "어휘적 스코프", "스코프 체인", "Scope Chain"]
duplicate_of: ""
source_trust_level: "A"
confidence_score: 0.90
created_at: 2026-07-11
updated_at: 2026-07-11
review_reason: ""
merge_history: []
tags: ["research", "context 이해 규칙", "javascript", "execution-context"]
raw_sources: ["Execution Context 실행 컨텍스트를 알아야하는 이유? - 넥스트리"]
applied_in: []
github_commit: ""
---

# [[Scope]]

## 🎯 한 줄 통찰 (One-line insight)
스코프(Scope)는 변수와 함수가 선언된 위치에 따라 접근할 수 있는 유효 범위를 결정하며, 자바스크립트의 실행 컨텍스트 내에서 Lexical Environment를 통해 동적 및 정적으로 관리되는 식별자 참조 체계이다.

## 🧠 핵심 개념 (Core concepts)
- **Lexical Environment (어휘적 환경)**: 실행 중에 발생하는 코드 내 변화를 실시간으로 반영하며, 현재 환경의 식별자 정보를 저장하는 `environmentRecord`와 외부 환경을 가리키는 `outerEnvironmentReference`로 구성된다.
- **Scope Chain (스코프 체인)**: 현재 컨텍스트의 Lexical Environment에서 변수를 찾지 못할 경우, `outerEnvironmentReference`를 통해 상위 스코프를 탐색하여 전역 컨텍스트까지 추적해 나가는 논리적 검색 메커니즘.
- **Lexical Scope (어휘적 스코프)**: 함수가 어떻게 호출되는지가 아니라, 함수가 '정의된 위치(선언 위치)'에 따라 고정되어 결정되는 스코프.

## 🧩 추출된 패턴 (Extracted patterns)
- **식별자 검색 패턴 (Identifier Resolution Pattern)**: 변수 검색 요청 발생 ➔ 현재 컨텍스트의 Lexical Environment(`environmentRecord`) 검색 ➔ 실패 시 `outerEnvironmentReference`를 통한 상위 스코프 추적 ➔ 전역 스코프 도달 ➔ 실패 시 `undefined` 반환 또는 `ReferenceError` 발생.

## ⚖️ 비교 및 선택 기준 (Comparison & decision criteria)

| 항목 (Option) | 장점 | 단점 | 언제 선택 |
|---|---|---|---|
| Lexical Scope | 함수 선언 위치에 따라 결정되므로 코드의 흐름과 변수 참조 범위를 정적으로 예측하고 파악하기 쉬움 | 런타임의 동적 호출 맥락(누가 호출했는가)을 반영하지 않음 | 식별자(변수, 함수 등)의 유효 범위를 결정하고 스코프 체인을 통해 참조 관계를 구성할 때 적용 |
| This 바인딩 | 함수가 어떻게 호출되느냐에 따라 동적으로 가리키는 객체가 변하므로 유연한 객체 지향 및 메서드 재사용이 가능 | 호출 방식(일반, 메서드, new, 명시적 바인딩)에 따라 값이 달라져 디버깅 시 값 추적이 까다로울 수 있음 | 객체의 상태를 조작하거나 메서드, 생성자 함수 등 실행 컨텍스트의 주체 객체를 식별해야 하는 경우 |

## 📖 세부 내용 (Details)
- 사용자가 웹페이지에 처음 접근하면 자바스크립트 엔진이 코드를 스캔하여 변환 및 실행을 관리하는 **실행 컨텍스트(Execution Context)** 환경을 생성하며, 이는 스코프(Scope), 호이스팅, 클로저, `this` 등의 핵심 동작 원리를 포함한다 [S1].
- 스코프의 실체적 구조는 실행 컨텍스트를 구성하는 **Lexical Environment**에 기반한다. Lexical Environment는 동적인 활동을 실시간으로 반영하며 두 가지 하위 구조로 이루어진다 [S1].
  - `environmentRecord`: 실행 컨텍스트 내에서 선언된 변수와 함수 선언들의 실제 값을 저장한다 [S1].
  - `outerEnvironmentReference`: 현재 컨텍스트가 위치한 코드의 외부 스코프(상위 스코프)에 대한 참조를 유지한다 [S1].
- **스코프 체인(Scope Chain)** 동작 원리: 코드에서 특정 변수를 찾을 때, 자바스크립트 엔진은 우선 현재 컨텍스트의 Lexical Environment를 검색한다 [S1]. 만약 그곳에서 식별자를 찾지 못하면 `outerEnvironmentReference`를 통해 상위 스코프의 Lexical Environment를 검색한다 [S1]. 이 검색은 전역(Global) 컨텍스트의 Lexical Environment에 도달할 때까지 계속되며, 끝내 변수를 찾지 못하면 `undefined`나 `ReferenceError`를 반환하게 된다 [S1].
- **Lexical Scope와 this 바인딩의 차이**: 함수의 Lexical Scope는 그 함수가 정의된 정적인 위치에 따라 상위 스코프가 고정적으로 결정되는 반면, `this` 바인딩은 선언 위치와 무관하게 함수가 '어디서 어떻게 호출되느냐'에 따라 가리키는 대상이 동적으로 달라지는 차이점이 있다 [S1].

## ⚖️ 모순 및 업데이트 (Contradictions & updates)
소스 내에서 상충되는 정보나 모순된 업데이트 내역은 확인되지 않음.

## 🛠️ 적용 사례 (Applied in summary)
현재 발견된 실제 적용 사례가 없습니다. (소스에 구체적인 코드 파일 경로, Git 커밋 해시, 결정 기록 등이 포함되어 있지 않음)

## 💻 코드 패턴 (Code patterns)
```javascript
// 소스 [S1]의 petInfo 예제 구조를 구현한 Lexical Scope 및 스코프 체인 패턴
let greeting = "Hello"; // 상위 스코프 (전역 환경)

function petInfo() {
    // petInfo 함수의 LexicalEnvironment(environmentRecord)에 저장되는 변수들
    let cat = "Meow";
    let dog = "Woof";
    
    // 현재 스코프에 없으므로 outerEnvironmentReference를 통해 상위 스코프를 탐색하여 접근
    console.log(greeting); 
    console.log(cat, dog);
}

petInfo();

// 함수 외부(전역 스코프)에서 내부 스코프의 변수에 접근을 시도할 경우, 
// 해당 스코프의 LexicalEnvironment에 존재하지 않으므로 ReferenceError를 반환함
// console.log(cat); 
```

## ✅ 검증 상태 및 신뢰도
- **상태:** draft
- **검증 단계:** conceptual
- **출처 신뢰도:** A
- **신뢰 점수:** 0.90
- **중복 검사 결과:** 신규 생성 (New discovery)

## 🔗 관련 문서 링크 (Related document links)

### 상위/유사 개념
- [[Execution Context]] — 스코프를 구성하고 코드가 실행되는 환경적 기반을 제공함
- [[Lexical Environment]] — 스코프의 실체로서 식별자 정보와 상위 스코프 참조를 물리적으로 보존함
- [[This Binding]] — 스코프(정적 위치)와 대비되어 실행 시점에 동적으로 객체를 참조하는 메커니즘
- [[Closure]] — 함수가 종료된 후에도 `outerEnvironmentReference`를 통해 상위 스코프의 상태를 유지하는 파생 개념

### 심층 후속 질문 (Deeper Research Questions)
- Lexical Environment의 `environmentRecord`와 `outerEnvironmentReference`는 실행 컨텍스트 생성 시점과 실행 시점에 각각 어떻게 변화하는가?
- 스코프 체인이 깊어질 경우 발생하는 변수 참조 성능 저하를 자바스크립트 엔진은 어떻게 최적화하는가?
- 전역 스코프(Window/Global)와 블록 스코프(Block Scope)는 Lexical Environment에서 물리적으로 어떻게 다르게 할당 및 취급되는가?
- 클로저(Closure) 현상이 일어날 때 가비지 컬렉터(Garbage Collector)는 스코프 체인을 어떤 기준으로 추적하여 메모리를 관리하는가?
- `strict mode`의 적용은 스코프 체인 탐색 규칙 및 암묵적 전역 변수 선언 동작에 어떠한 영향을 미치는가?

### 실무 적용 맥락 (Practical Application Contexts)
- **Implementation:** 변수명 충돌 방지를 위한 블록 스코프 도입 및 상태 캡슐화 로직 구현.
- **System Design:** 모듈 패턴 및 클로저를 활용한 컴포넌트 정보 은닉 및 독립적 환경 아키텍처 설계.
- **Operation / Maintenance:** `ReferenceError` 발생 시 스코프 누수 및 잘못된 상위 스코프 참조로 인한 런타임 버그 추적 및 트러블슈팅.
- **Learning Path:** Execution Context의 탄생부터 Lexical Environment, Scope Chain, 그리고 Closure로 이어지는 자바스크립트 코어 동작 원리 학습.

### 인접 주변 주제 (Adjacent Topics)
- [[Hoisting]] — 스코프 내에서 `environmentRecord`가 식별자를 실행 전에 수집하는 과정으로 파생됨.
- [[Call Stack]] — 실행 컨텍스트들이 콜 스택에 푸시되고 팝오프되며 스코프의 생명주기를 통제함.

## 🔗 지식 그래프 (Knowledge Graph)
- **상위/루트:** [[context 이해 규칙]]
- **관련 개념:** [[Lexical Environment]], [[Scope Chain]]
- **참조 맥락:** 자바스크립트 애플리케이션의 메모리 누수를 방지하고 예측 가능한 변수 참조 범위를 설계 및 디버깅할 때 주요 규칙으로 참조된다.

## 📚 출처 (Sources)
- [1] Execution Context 실행 컨텍스트를 알아야하는 이유? - 넥스트리 (https://www.nextree.io/execution-context/)

## 📝 변경 이력 (Change history)
- 2026-07-11: Initial draft generated via Datacollector_MAC P-Reinforce engine.