렉시컬 스코프(Lexical scope)에 대해 설명해 주세요.1. 스코프식별자의 접근 규칙에 따른 유효 범위범위 기준전역 스코프 : 모든 코드의 기본 범위모듈 스코프 : 모듈로 실행되는 코드 범위함수 스코프 : 함수로 생성된 범위블록 스코프 : 중괄호로 생성된 범위결정 기준동적 스코프 : 런타임 도중 결정된 범위렉시컬 스코프 : 선언 시점에 속한 맥락으로 결정된 범위2. 실행 맥락Execution ContextJS 코드가 실행될 때의 환경2-1. 실행 맥락 종류전역 실행 맥락Global Execution Context전역 공간에서의 선언프로그램 실행/종료 시 맥락 생성/폐기함수 실행 맥락Function Execution Context함수 선언 내에서의 선언함수 실행/종료 시 맥락 생성/폐기2-2. 콜 ..

자바스크립트 this에 대해 설명해 주세요.1. this호출 맥락/방식에 따라 동적으로 값을 바인딩하는 자기 참조 변수2. 전역/모듈 맥락 this2-1. 전역 맥락Web 환경 : 전역 객체(Window) 바인딩NodeJS 환경 : 전역 객체(global) 바인딩하지만 NodeJS 환경은 각 파일을 하나의 모듈로 취급하므로 유의2-2. 모듈 맥락Web 환경 : undefined 바인딩NodeJS 환경 : exports 객체 바인딩3. 함수 맥락 this3-1. 일반 함수(단순 호출)전역 객체 바인딩3-2. 객체 메소드호출 시점에 속한 객체 바인딩프로토타입 체인, get/set도 동일하게 적용3-3. 화살표 함수선언 시의 상위 렉시컬 스코프 this 값 바인딩3-4. 생성자 함수생성된 객체 바인딩3-5. ..

이벤트 버블링, 캡쳐링, 위임에 대해 설명해 주세요.1. 이벤트1-1. 이벤트프로그래밍 시스템 내에서 발생하는 사건1-2. Event 객체발생한 이벤트에 대한 정보를 가지는 객체다양한 파생 객체 존재MouseEvent, KeyboardEvent, FocusEvent, InputEvent, ErrorEvent, CustomEvent 등1-3. 이벤트 리스너/핸들러이벤트 리스너특정 대상이 이벤트를 수신하도록 하는 함수DOM 요소, Document, Window 등대상이 이벤트 수신 시 이벤트 핸들러 동작이벤트 핸들러이벤트 수신 시 호출할 함수매개변수로 해당하는 Event 객체를 받음1-4. 이벤트 리스너 등록HTML 이벤트 리스너 속성사용 비권장JS 이벤트 리스너 속성수신대상.on이벤트 = 이벤트핸들러적은 ..