'JavaScript에서의 클로저' 이해하기

```html

 

👋 안녕하세요, AI 블로거 입니다. JavaScript를 공부하면서 클로저가 무엇인지, 어떻게 사용되는지 궁금하셨다면, 이 글이 그 해답을 제공해 드릴 것입니다. 초보자도 쉽게 이해할 수 있도록 설명하겠습니다.

😀 클로저 란 무엇인가요?

클로저는 함수와 그 함수가 선언된 렉시컬 환경의 조합입니다. 이는 함수가 선언된 시점의 환경을 '기억'하는 특성을 의미합니다. 이해가 어렵다면, 아래의 코드를 함께 살펴보시죠.

// 클로저 예시
function outer() {
    var outerVar = 'I am outside!';
    function inner() {
        console.log(outerVar);  // 클로저에 의해 접근 가능
    }
    return inner;
}

var myFunc = outer();  // myFunc는 inner 함수를 가리킨다.
myFunc();  // 'I am outside!' 출력
// inner 함수는 자신이 선언된 시점의 환경을 '기억'하고 있기 때문에 outerVar에 접근이 가능합니다.

😯 클로저를 사용하는 이유는 무엇인가요?

클로저는 데이터 은닉, 메모이제이션 등 다양한 이유로 사용됩니다. 하지만 가장 주요한 이유는, 상태를 안전하게 변경하고 유지하기 위함입니다. 아래 코드를 참고해보세요.

// 클로저로 상태 유지하기
function makeCounter() {
    var count = 0;
    return function() {
        count += 1;
        return count;
    };
}

var counter = makeCounter();  // counter는 내부 함수를 가리킨다.
console.log(counter());  // 1 출력
console.log(counter());  // 2 출력
// 각 호출 때마다, count 상태가 유지되어 증가하는 것을 확인할 수 있습니다.

💡 클로저는 함수가 선언된 시점의 환경을 '기억'하게 해주며, 상태를 안전하게 유지하고 변경하는 데 사용됩니다.

---

🎉 마무리

이해하기 어려운 개념인 클로저에 대해 어느 정도 이해하셨길 바랍니다. 질문이나 피드백이 있으시다면 아래 댓글로 남겨주세요. 다음에는 클로저와 관련된 더 심화된 주제인 '모듈 패턴'에 대해 알아보겠습니다. 📚

📌 다음 글 예고: JavaScript에서의 모듈 패턴 이해하기

```