게으른 나에게

“이벤트 전파 방식은 이벤트가 발생한 요소에서부터 시작하여 부모 요소로 전파되는 과정을 이해하는 데 중요”  이벤트 버블링이벤트가 발생한 요소에서 시작 → 상위 부모 요소로 전파되는 방식가장 깊은 요소에서 시작하여 부모 요소를 거슬러 올라가며 각 요소에 할당된 이벤트 핸들러가 실행 특징FORM DIV P 요소를 클릭하면 다음 순서로 이벤트 핸들러가 실행 요소의 핸들러 실행부모 요소의 핸들러 실행최상위 요소의 핸들러 실행이러한 이벤트 전파 방식은 대부분의 이벤트에 적용이를 통해 상위 요소에서도 하위 요소에서 발생한 이벤트를 감지하고 처리 가능    이벤트 캡처링이벤트가 최상위 부모 요소에서 → 시작하여 이벤트가 발생한 요소까지 전파되는 방식이벤트가 상위 요소에서 하위 요소로 내려가며 각 요소..

this 용법함수의 호출 방식과 정의된 위치에 따라 참조하는 객체가 달라짐자신이 속한 객체를 가리키는 변수 사용 사례전역 범위에서의 this전역 컨텍스트에서 this는 전역 객체를 가리킴브라우저 환경에서는 window 객체가 이에 해당console.log(this === window); 일반 함수에서의 this함수 내부에서의 this는 호출 방식에 따라 달라짐비엄격 모드에서는 전역 객체엄격 모드에서는 undefinedfunction showThis() { console.log(this);}showThis(); // 비엄격 모드: window 객체, 엄격 모드: undefined 객체의 메서드에서의 this해당 메서드 내부의 this는 그 메서드가 속한 객체를 가리킴const obj = { value:..

클로저(Closure)클로저는 함수와 그 함수가 선언된 렉시컬 환경(Lexical Environment)의 조합함수가 생성될 당시의 외부 변수를 기억하고, 그 함수가 실행될 때에도 해당 변수에 접근할 수 있는 기능‼️ 클로저 = 함수 + 렉시컬 스코프 원리자바스크립트에서는 함수가 생성될 때, 해당 함수는 자신이 선언된 위치의 렉시컬 환경을 기억이를 통해 내부 함수는 외부 함수의 변수에 접근 가능외부 함수의 실행이 종료된 이후에도 내부 함수가 해당 변수에 접근 가능특징상태 유지클로저를 사용하면 함수가 생성될 때의 환경을 기억하여, 호출될 때마다 이전 상태를 유지상태를 유지해야 하는 다양한 상황에서 유용하게 활용 됨정보 은닉클로저를 통해 외부에서 직접 접근할 수 없는 변수를 만들 수 있음데이터의 캡슐화와 은..