addEventListener

대부분의 회사에서 사용 되고 있는 React, Vue와 같은 프레임워크, 라이브러리들의 trade off는 항상 존재한다고 믿어왔다. 요즘 그러한 생각들이 더욱 드는 이유는 사내에서 에디터를 만들면서 관련된 기능의 내부 동작을 정확하게 알지 모른채 사용하는 메서드들이 생기고 있기 때문이다. 빠른 기능 구현을 해야하는 핑계로 인해 기술에 대한 합리화를 제 자신이 하고 있지 않은가에 대해 다시 생각해보면서, 이 글을 기록한다. addEventListener 자바스크립트를 이용해서 어떤 이벤트를 등록할 때 내부적으로 다음과 같다. var event_listener_list = []; var sayHi = function() { console.log('hi'); }; window.addEventListener(..

사내에서 개발 중인 여러가지 기능 중 이벤트 전파를 중단 시켜야 하는 상황이 생기게 되었다. 한 줄의 코드라도 코드의 대한 명분이 확실해야 한다는 것이 모든 개발자가 생각하는 중요한 것 중 하나이지만, 막상 실무에서 빠르게 자신의 할당량을 채워내기 바쁜 상황이면, 크롬 탭에 새로운 친구( 아.. 좀 이따가 읽어봐야지 하는 개발 관련 글 )를 만드는 현실이다. 이러한 상황들을 조금이라도 무마하기 위해, 또 습득한 지식을 머리 속에 남기기 위해 정리하는 시간을 갖고자 한다. 잘 알고 쓰면 득이 되고, 그렇지 않으면 독이 되는 이벤트 전파와 그에 관련된 기능 stopPropagation, stopImmediatePropagation의 기본적인 설명서에 대한 기록이다. StopPropagation 대부분의 DO..