[변수의 유효범위와 클로저

Author: Violet-Bora-Lee

1-js/06-advanced-functions/03-closure/article.md

@@ -1,7 +1,7 @@
 
 # 변수의 유효범위와 클로저
 
-자바스크립트는 함수 지향 언어입니다. 이런 특징은 개발자에게 많은 자유도를 줍니다. 함수를 동적으로 생성할 수 있고, 생성한 함수를 다른 함수에 인수로 넘길 수 있으며, 생성된 곳이 아닌 곳에서 함수를 호출할 수도 있기 때문입니다.
+자바스크립트는 함수 지향 언어입니다. 이런 특징은 개발자에게 많은 자유를 줍니다. 함수를 동적으로 생성할 수 있고, 생성한 함수를 다른 함수에 인수로 넘길 수 있으며, 생성된 곳이 아닌 곳에서 함수를 호출할 수도 있기 때문입니다.
 
 함수 내부에서 함수 외부에 있는 변수에 접근할 수 있다는 사실은 앞서 학습해서 알고 계실 겁니다.
 
@@ -14,7 +14,7 @@
 ```smart header="여기선 `let`, `const`로 선언한 변수만 다룹니다."
 자바스크립트에서는 3개의 키워드를 사용해 변수를 선언할 수 있습니다. 모던한 방식인 `let`, `const`가 있고, 과거의 잔재인 `var`도 있습니다.
 
-- 이번 주제의 모든 예시에선 `let` 변수를 사용할 예정입니다.
+- 이번 주제의 모든 예시에선 `let`으로 선언한 변수를 사용할 예정입니다.
 - `const`로 선언한 변수 역시 `let` 변수와 동일하게 동작합니다. 따라서 예시의 `let`을 `const`로 바꿔도 동일한 동작을 기대할 수 있습니다.
 - `var`는 `let`과 `const`로 선언한 변수와 몇 가지 중요한 차이가 있습니다. 자세한 내용은 <info:var>에서 다루겠습니다.
 ```
@@ -27,17 +27,17 @@
 
 ```js run
 {
-  // 지역 변수에 몇 가지 조작을 하면, 그 결과를 밖에선 볼 수 없습니다.
+  // 지역 변수를 선언하고 몇 가지 조작을 했지만 그 결과를 밖에서 볼 수 없습니다.
 
-  let message = "Hello"; // 블록 내에서만 변숫값을 얻을 수 있습니다.
+  let message = "안녕하세요."; // 블록 내에서만 변숫값을 얻을 수 있습니다.
 
-  alert(message); // Hello
+  alert(message); // 안녕하세요.
 }
 
 alert(message); // ReferenceError: message is not defined
 ```
 
-이런 특징은 고유한 작업을 수행하는 코드를 한데 묶는 용도로 활용할 수 있습니다. 이 블록 안엔 해당 작업을 수행하기 위해 사용된 변수가 들어갑니다.
+이런 블록의 특징은 특정 작업을 수행하는 코드를 한데 묶어두는 용도로 활용할 수 있습니다. 블록 안엔 작업 수행에만 필요한 변수가 들어갑니다.
 
 ```js run
 {
@@ -53,7 +53,7 @@ alert(message); // ReferenceError: message is not defined
 }
 ```
 
-````smart header="블록이 없으면 에러가 발생할 수 있습니다."
+````smart header="블록이 없으면 에러가 발생합니다."
 이미 선언된 변수와 동일한 이름을 가진 변수를 별도의 블록 없이 `let`으로 선언하면 에러가 발생합니다.
 
 ```js run
@@ -81,9 +81,9 @@ if (true) {
 alert(phrase); // ReferenceError: phrase is not defined
 ```
 
-`if` 블록 아래에 있는 `alert`에선 `phrase`에 접근할 수 없기 때문에 위 예시를 실행하면 에러가 발생합니다. 
+`if` 블록 밖에 있는 `alert`는 `phrase`에 접근할 수 없기 때문에 위 예시를 실행하면 에러가 발생합니다. 
 
-이런 특징은 변수의 범위를 블록 범위, 특히 `if` 분기문 범위로 한정시킬 수 있어서 아주 유용합니다.
+이런 특징은 변수의 유효 범위를 블록 범위, 특히 `if` 분기문 범위로 한정시킬 수 있어서 아주 유용합니다.
 
 `if` 뿐만 아니라 `for`, `while` 반복문에서도 동일한 특징이 적용됩니다.
 
@@ -96,13 +96,13 @@ for (let i = 0; i < 3; i++) {
 alert(i); // ReferenceError: i is not defined
 ```
 
-`let i`는 `{...}` 밖에 있긴 하지만 `for` 옆 괄호 안에서 선언한 변수는 블록 `{...}`에 속하는 코드로 취급된다는 점에서 조금 특별합니다.
+참고로 `for`문에서 `for` 옆 괄호 안에서 선언한 변수(예시에서 `let i`)는 `{...}` 밖에 있긴 하지만 블록 `{...}`에 속하는 코드로 취급됩니다.
 
 ## 중첩 함수
 
 함수 내부에서 선언한 함수는 '중첩(nested)' 함수라고 부릅니다.
 
-자바스크립트에선 중첩 함수를 손쉽게 만들 수 있습니다.
+자바스크립트에선 손쉽게 중첩 함수를 만들 수 있습니다.
 
 중첩 함수는 아래와 같이 코드를 정돈하는데 사용할 수 있습니다.
 
@@ -122,9 +122,9 @@ function sayHiBye(firstName, lastName) {
 
 위 예시에서 외부 변수에 접근해 이름 전체를 반환해주는 *중첩* 함수 `getFullName()`은 편의상 만든 함수입니다. 이렇게 자바스크립트에선 중첩 함수가 흔히 사용됩니다.
 
-중첩 함수는 반환될 수 있다는 점에서 흥미롭습니다. 새로운 객체의 프로퍼티 형태로나 중첩 함수 그 자체로 반환되죠. 이렇게 반환된 함수는 어디서든 호출해 사용할 수 있습니다. 물론 이때도 외부 변수에 접근할 수 있다는 사실은 변함없습니다.
+중첩 함수는 새로운 객체의 프로퍼티 형태나 중첩 함수 그 자체로 반환될 수 있다는 점에서 흥미롭습니다. 이렇게 반환된 중첩 함수는 어디서든 호출해 사용할 수 있습니다. 물론 이때도 외부 변수에 접근할 수 있다는 사실은 변함없습니다.
 
-아래 함수 `makeCounter`는 숫자를 세주는 '카운터' 함수를 만듭니다. 카운터 함수는 호출될 때마다 다음 숫자를 반환합니다.
+아래 함수 `makeCounter`는 호출될 때마다 다음 숫자를 반환해주는 '카운터' 함수를 만듭니다.
 
 ```js run
 function makeCounter() {