JavaScript 클로저: 함수형 프로그래밍의 핵심 이해와 실용적 활용법

핵심 기술: JavaScript 클로저(Closure)는 함수가 선언될 당시의 렉시컬 환경(Lexical Environment)을 기억하여, 해당 환경의 변수에 접근할 수 있게 하는 강력한 메커니즘입니다. 이는 함수가 자신의 스코프 외부 변수에 접근하고 이를 유지하는 방식입니다.

기술적 세부사항:
* 정의: 함수와 해당 함수가 선언된 환경(변수, 함수 등)의 조합입니다.
* 렉시컬 환경: 함수가 선언된 시점의 스코프이며, JavaScript는 렉시컬 스코핑을 사용합니다.
* 동작 원리: 내부 함수가 외부 함수의 변수에 접근할 수 있으며, 외부 함수 실행이 종료된 후에도 해당 변수에 접근 가능합니다.
* 예시: outerFunction이 outerVar를 가지고 innerFunction을 반환할 때, myFunc = outerFunction('Hello') 이후 myFunc('World')를 호출하면 Hello World가 출력됩니다. 여기서 myFunc는 outerFunction의 outerVar를 기억합니다.

개발 임팩트:
* 데이터 캡슐화 및 프라이버시: 외부에서 직접 접근할 수 없는 'private' 변수를 만들어 데이터 무결성을 유지합니다.
* 함수 팩토리: 특정 설정을 가진 새로운 함수를 동적으로 생성하여 코드 재사용성을 높입니다.
* 이벤트 핸들러 및 비동기 처리: 비동기 작업이나 이벤트 발생 시점에 필요한 외부 변수에 접근할 수 있게 하여 콜백 함수 등을 안정적으로 구현합니다.

주의사항 및 해결책:
* 루프에서의 var 사용 문제: 루프에서 var를 사용하면 모든 클로저가 동일한 변수(마지막 값)를 참조하게 됩니다. (예시: 버튼 클릭 시 동일한 숫자 출력)
* 해결책: let 또는 const를 사용하여 블록 스코프를 활용하거나, IIFE(즉시 실행 함수 표현식)를 사용하여 각 반복마다 새로운 스코프를 생성합니다.

결론: 클로저는 JavaScript의 근본적인 개념으로, 데이터 은닉, 함수 팩토리, 비동기 처리 등 필수적인 프로그래밍 패턴을 가능하게 합니다. 이를 숙지하면 더욱 깔끔하고 강력한 코드를 작성할 수 있습니다.