본문/내용
1. JavaScript의 클로저(Closure)에 대해 설명하고, 이를 활용하는 예시를 들어보세요.
JavaScript의 클로저(Closure)는 함수와 그 함수가 선언된 렉시컬 환경(Lexical Environment)을 함께 묶은 개념입니다. 클로내부 함수가 외부 함수의 변수에 접근할 수 있도록 하는데, 이는 변수의 유효 범위와 생명주기를 유지하는 역할을 합니다. 실제로 클로React 상태 관리, 이벤트 핸들러, 데이터 은닉 등 다양한 곳에서 활용됩니다. 예를 들어, 간단한 카운터 기능을 구현할 때, 외부 함수에서 카운터 값을 선언하고 내부 함수에서 이를 증가시키며 외부에서 직접 변수에 접근하지 못하게 막아 데이터 은닉을 실현할 수 있습니다. 또한, 클로저를 활용하면 유효 범위가 제한된 변수들을 유지하면서 여러 컴포넌트 간 데이터 공유, 이벤트 처리 최적화를 할 수 있습니다. 이러한 클로저를 이용하면 불필요한 전역 변수 감소와 메모리 누수 방지, 성능 향상(약 20% 개선 가능)에도 기여하며 복잡한 상태 관리에서 코드 가독성과 재사용성을 높입니다. 따라서 클로프론트엔드와 백엔드 모두에서 효율적이고 안정적인 코드 작성을 가능하게 합니다.
2. React와 Vue.js의 차이점…