lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

webIntroJsChapter1Title

lesson15Title

lesson16Title

webIntroJsChapter2Title

webIntroJsChapter3Title

lesson17Title

webIntroJsChapter4Title

// 블록 레벨 스코프 확인
if (true) {
  let message = '안녕하세요!';

  console.log(message); // '안녕하세요!' 출력
}

// 아래 message 변수는 스코프 밖에서 선언되었기 때문에 에러가 발생합니다.
console.log(message); // ReferenceError: message is not defined

# 스코프(Scope)

자바스크립트에서 `스코프(scope)`는 사용될 수 있는 `범위`를 뜻합니다.

<br />

`var`의 스코프는 중괄호 `{ }`로 감싸진 코드 블록을 무시합니다.

```javascript title="var 스코프"
if (true) {
    var name = "one";
}

console.log(name); // "one"
```

위 코드에서 `var`로 선언된 `name` 변수는 `if` 블록 내에서 선언되었지만, `if` 블록 외부에서도 접근할 수 있습니다.

> *참고* : `if` 키워드는 조건문을 만들 때 사용하는 키워드로, 괄호 안에 조건을 넣어주고 중괄호`{ }` 안에 실행할 코드를 넣습니다. 위 조건문에서 if 조건문 안의 `true`는 항상 참이므로, `if` 블록 안의 코드가 실행됩니다.

<br />

스코프의 종류로는 `전역 스코프(global scope)`, `지역 스코프(local scope)`, `블록 스코프(block scope)`, 그리고 `함수 스코프(function scope)`가 있습니다.

각각의 스코프가 어떤 특징을 가지는지는 추후 활용 사례와 함께 알아보겠습니다.