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

# [[스코프(Scope)]]

## 🎯 한 줄 통찰 (One-line insight)
스코프는 자바스크립트 실행 컨텍스트 내에서 변수와 함수가 정의되고 접근될 수 있는 유효 범위를 결정하는 체계이자 스코프 체인을 통해 외부 환경을 참조하는 논리적 구조이다.

## 🧠 핵심 개념 (Core concepts)
- **전역 스코프 (Global Scope)**: 스크립트가 처음 시작될 때 생성되는 전역 실행 컨텍스트가 대변하는 자바스크립트 최상위 유효 범위.
- **함수 스코프 (Function Scope)**: 특정 함수가 호출될 때마다 생성되는 함수 실행 컨텍스트가 대변하는 해당 함수 내부의 지역 유효 범위.
- **스코프 체인 (Scope Chain)**: 변수를 찾을 때 현재 컨텍스트에서 시작하여 `outerEnvironmentReference`를 통해 상위 스코프의 렉시컬 환경으로 순차적으로 거슬러 올라가는 탐색 메커니즘.
- **렉시컬 스코프 (Lexical Scope)**: 함수가 실제로 호출된 위치가 아니라, 코드상에서 '정의된 위치'에 따라 정적으로 결정되는 스코프.

## 🧩 추출된 패턴 (Extracted patterns)
- **상향식 변수 탐색 (Upward Variable Lookup)**: 자바스크립트 엔진은 현재 컨텍스트의 `LexicalEnvironment`에서 변수를 먼저 찾고, 없으면 `outerEnvironmentReference`가 가리키는 외부(상위) 스코프를 검색하여 전역 컨텍스트에 도달할 때까지 탐색을 반복한다.
- **어휘적 상속 (Lexical Inheritance)**: 화살표 함수(Arrow Function)는 자신만의 `this`를 생성하지 않고, 자신이 정의된 렉시컬 스코프(Lexical Scope)의 `this`를 상속받아 사용한다.

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

| 항목 (Option) | 장점 | 단점 | 언제 선택 |
|---|---|---|---|
| **Lexical Scope (어휘적 스코프)** | 코드 작성 위치에 따라 유효 범위가 고정되므로 결과를 예측하기 쉽고 직관적임. | 호출 컨텍스트에 따라 동적으로 상태를 변경하기 어려움. | 변수의 가시성과 생명 주기를 코드 구조에 맞춰 명확히 관리하고자 할 때 적용. |
| **`this` Binding (동적 바인딩)** | 함수가 호출되는 방식과 맥락에 따라 같은 함수라도 다른 객체에 바인딩되어 유연한 객체 지향 프로그래밍이 가능함. | 호출 방식(`new`, `call`, `apply`, 암시적 호출 등)에 따라 값이 변하므로 디버깅 및 추적이 상대적으로 복잡함. | 객체의 메서드로서 동작하거나, 명시적으로 컨텍스트를 주입하여 함수를 재사용해야 할 때 선택. |

## 📖 세부 내용 (Details)
- **스코프와 실행 컨텍스트의 관계**
  자바스크립트 코드를 실행할 때 자바스크립트 엔진은 [[Execution Context]]를 생성한다 [S1]. 이 실행 컨텍스트는 코드 변환과 실행을 담당하는 환경 객체로, 스코프(Scope)를 비롯해 [[Hoisting]], [[Closure]], `this` 등의 핵심 원리를 포함한다 [S1]. 스코프는 실행 컨텍스트의 생성 시점과 유형에 따라 구분되는데, 스크립트가 처음 실행될 때 만들어지는 전역 컨텍스트는 '전역 스코프'를 대변하고, 함수가 호출될 때 만들어지는 함수 실행 컨텍스트는 '함수의 지역 스코프'를 대변한다 [S2]. 

- **스코프 체인 탐색 메커니즘**
  실행 컨텍스트의 `Variable Environment` 및 `Lexical Environment`는 내부의 변수 및 함수 정보를 저장하는 `environmentRecord`와 외부 환경을 참조하는 `outerEnvironmentReference`로 구성된다 [S1]. 스코프 체인은 이 `outerEnvironmentReference`를 통해 형성된다 [S1]. 
  프로그램이 코드 내에서 특정 변수를 찾을 때, 가장 먼저 현재 실행 컨텍스트의 `LexicalEnvironment` 내부를 검색한다 [S1]. 만약 이곳에서 식별자를 찾지 못하면 `outerEnvironmentReference`가 가리키는 상위 스코프(자신을 생성한 외부 환경)로 이동해 검색을 재개한다 [S1]. 이 탐색은 전역 컨텍스트의 렉시컬 환경에 도달할 때까지 연쇄적으로 계속된다 [S1]. 

- **Lexical Scope와 `this` 바인딩의 차이점**
  함수의 렉시컬 스코프(Lexical Scope)는 함수가 '정의된 위치'에 의해서만 결정되는 정적인 특성을 지닌다 [S1]. 반면 `this` 바인딩은 선언 위치와 무관하게, 함수가 '어디서 어떻게 호출되는지'에 따라 동적으로 달라진다 [S1]. 단, 화살표 함수의 경우에는 예외적으로 자신의 `this`를 생성하지 않고 주변의 렉시컬 스코프(Lexical Scope)를 상속받아 사용한다 [S1].

## ⚖️ 모순 및 업데이트 (Contradictions & updates)
- **스코프 체인 탐색 실패 시 반환 값의 모순**: 소스 데이터 내에서 스코프 체인 최상단인 전역 컨텍스트까지 검색한 후에도 변수를 찾지 못했을 때의 동작에 대해 상충하는 서술이 존재한다. 한 단락에서는 "결국 해당 변수를 찾지 못하면 undefined 를 반환합니다"라고 설명한 반면 [S1], 이어지는 예시 설명 단락에서는 (함수 내부에 선언된 지역 변수를 외부 전역 스코프에서 접근하려 할 때) "바깥 스코프인 전역 스코프의 LexicalEnvironment 에는 존재하지 않기 때문에 ReferenceError 를 반환합니다"라고 상충되는 설명을 제공하고 있다 [S1].

## 🛠️ 적용 사례 (Applied in summary)
소스 데이터 내에서 코드가 적용된 파일 경로나 Git 커밋, 의사결정 기록 등의 실제 적용 사례는 현재 발견되지 않았습니다.

## 💻 코드 패턴 (Code patterns)
소스에 코드 예시 없음 (소스 문서 내에서 `petInfo`, `greeting`, `cat`, `dog` 등의 변수를 포함하는 예제 코드의 존재를 언급하고 있으나, 제공된 텍스트 발췌본에는 실제 코드 블록 스니펫이 누락되어 있음).

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

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

### 상위/유사 개념
- [[Execution Context]] — 스코프, 호이스팅, 클로저 등의 정보가 담기는 코드 실행의 기반 환경
- [[Lexical Environment]] — 블록 내의 변수, 함수 할당 및 외부 스코프 참조를 실시간으로 반영하는 컨텍스트 구성요소
- [[Closure]] — 함수가 종료된 후에도 `outerEnvironmentReference`를 통해 상위 스코프에 접근할 수 있게 하는 자바스크립트의 고급 개념
- [[Hoisting]] — 스코프의 `environmentRecord`에 식별자 정보가 실행 전 미리 수집되는 원리

### 심층 후속 질문 (Deeper Research Questions)
- 스코프 체인 탐색 시 발생하는 성능 오버헤드를 V8 등 자바스크립트 엔진은 어떻게 최적화하는가?
- 비동기 작업(콜백, 프로미스)이 이벤트 루프를 통해 실행될 때, 콜스택과 스코프의 참조 관계는 어떻게 유지되는가?
- 모듈 스코프(Module Scope)와 전역 스코프(Global Scope)는 실행 컨텍스트 관점에서 어떻게 차별화되는가?
- Lexical Scope 구조 내에서 발생하는 클로저(Closure) 현상으로 인한 메모리 누수는 어떻게 탐지하고 방지할 수 있는가?

### 실무 적용 맥락 (Practical Application Contexts)
- **Implementation:** 자바스크립트에서 화살표 함수를 활용해 상위 스코프의 `this`를 잃어버리지 않고 콜백 함수 내에서 안전하게 바인딩할 때.
- **System Design:** 싱글톤 패턴이나 전역 변수 남용을 막기 위해 함수 스코프 내 렉시컬 환경을 캡슐화하여 사용하는 모듈형 설계 시.
- **Operation / Maintenance:** 브라우저 콘솔에서 변수가 정의되지 않았거나 예상치 못한 값이 출력되는 버그(Scope 이슈)를 추적할 때.
- **Learning Path:** 자바스크립트의 실행 컨텍스트 구조를 학습한 뒤 클로저(Closure)와 커링(Currying) 같은 고급 함수형 프로그래밍 기법으로 나아갈 때.

### 인접 주변 주제 (Adjacent Topics)
- [[Garbage Collection]] — 스코프 내 변수의 생명 주기와 연결되어, 참조되지 않는 렉시컬 환경 메모리를 회수하는 메커니즘
- [[Event Loop]] — 비동기 작업의 실행 컨텍스트 스케줄링을 관리하여 스코프 생성 타이밍에 영향을 주는 시스템

## 🔗 지식 그래프 (Knowledge Graph)
- **상위/루트:** [[context 이해 규칙]]
- **관련 개념:** [[Execution Context]], [[Lexical Environment]]
- **참조 맥락:** 자바스크립트 애플리케이션의 버그 디버깅 및 비동기 동작 시 변수와 상태의 유효성을 파악하기 위한 실행 환경 분석.

## 📚 출처 (Sources)
- [S1] Execution Context 실행 컨텍스트를 알아야하는 이유? - 넥스트리 (https://www.nextree.io/404/)
- [S2] JavaScript Execution Context – How JS Works Behind the Scenes - freeCodeCamp (https://www.freecodecamp.org/news/how-javascript-works-behind-the-scene-javascript-execution-context/)

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