이벤트 위임에 대해 설명하세요.이벤트 위임은 이벤트 리스너를 하위 요소에 추가하는 대신 상위 요소에 추가하는 기법입니다. 리스너는 DOM의 event bubbling으로 인해 하위 요소에서 이벤트가 발생될 때마다 실행됩니다. 이 기술의 이점은 다음과 같습니다.각 하위 항목에 이벤트 핸들러를 연결하지 않고, 상위 요소에 하나의 단일 핸들러만 필요하기 때문에 메모리 사용 공간이 줄어듭니다.제거된 요소에서 핸들러를 해제하고 새 요소에 대해 이벤트를 바인딩할 필요가 없습니다.참고자료https://davidwalsh.name/event-delegatehttps://stackoverflow.com/questions/1687296/what-is-dom-event-delegationthis가 JavaScript에서..
자바스크립트는 아주 강력한 언어이며, 특히 웹 개발에서 그렇다. 지난 5년간, 자바스크립트는 아주 많이 향상 되었고 새로이 추가된 놀라운 특징 덕택에 코드를 쓰기 훨씬 쉬워졌다. 그래서 개발자들이 이러한 기능 혹은 특징들을 잘 활용한다면, 자바스크립트의 강력한 이점을 누릴 수 있을 것이다. 이번 글에서 우리는 개발자들이 알 필요가 있는 자바스크립트의 몇 가지 유용한 팁(trick)들을 다룰 것이다. 바로 시작해보자. 1. 문자열을 숫자로 변환하기 자바스트립트에서 단항 연산자 +를 사용하면 쉽게 문자열을 숫자로 변환할 수 있다. 이것은 간단한 트릭에 불과하지만 몇몇 사람들은 이것을 알지 못한다. 아래의 예시 코드를 보자: the_string = "123"; console.log(+the_string); /..
이벤트 버블링(Event Bubbling), 이벤트 캡쳐링(Event Capturing)에 대해서 설명하세요. (D사 화상면접) 이벤트 버블링은 특정 화면 요소에서 이벤트가 발생했을 때 더 상위 요소들로 전달되어 가는 특성을 의미한다. 이벤트 캡처링은 이벤트 버블링과 반대로 상위 요소에서 하위 요소로 탐색하며 이벤트를 전파하는 방식이다. event delegation에 대해 설명하세요. (D사 화상면접) 특정 요소 하나하나를 개별적으로 이벤트를 부여하는 것이 아니라, 하나의 부모에 이벤트를 등록하여 부모가 이벤트를 위임하는 방식을 이벤트 위임이라고 한다. 이 방법은 동적인 요소들에 대한 처리가 수월하며 이벤트 핸들러를 더 적게 등록해 주기 때문에 메모리도 절약할 수 있다. this는 JavaScript에..