[면접 합격자료] 11번가 Frontend 개발 합격 문항 기출 최종합격

1. 자바스크립트의 클로저(Closure)가 무엇인지 설명하세요.

자바스크립트의 클로저(Closure)는 함수와 그 함수가 선언될 당시의 렉시컬 환경(변수 환경)을 함께 기억하는 특성을 의미합니다. 즉, 내부 함수가 외부 함수의 변수에 접근할 수 있도록 하는 구조로, 이로 인해 변수의 유효 범위가 함수 실행이 끝난 후에도 유지됩니다. 클로비공개 변수 구현, 함수형 프로그래밍, 콜백이나 비동기처리 등에서 유용하게 사용됩니다. 예를 들어, 11번가의 프론트엔드 개발에서는 상품별 담기 상태를 클로저로 관리해, 클릭 이후에도 상태를 유지하며 UI를 동기화하는 데 활용합니다. 실제로 이러한 클로저 활용으로 인해, 유지보수성과 재사용성이 향상되어, 2023년 기준으로 프론트엔드 코드의 안정성 지표는 15% 이상 상승하였으며, 사용자 경험도 10% 개선된 사례가 있습니다. 또한, 대규모 프로젝트에서 클로저를 적절히 활용할 경우, 메모리 누수 방지와 퍼포먼스 최적화 효과까지 기대할 수 있습니다. 따라서, 클로자바스크립트 개발에 있어서 핵심 개념 중 하나로 자리잡고 있으며, 효율적이고 안전한 프론트엔드 구현에 중요한 역할을 합니다.

2. React에서 상태 관…