이런 HTML과 체크 이런 Javascript가 있을 때, const outEl = document.querySelector('#output'); document.querySelector('#my-test').addEventListener('click', () => { outEl.innerHTML += 'click!!! '; }); '체크'라는 글씨를 클릭하면 output에 click!!!이 두 번 찍힌다. 이런 일이 발생하는 이유는 label 태그를 클릭하면 label 태그의 for 속성과 연결된 input tag에서 자동으로 클릭 이벤트가 발생하기 때문이다. 그래서 label을 클릭하면 -> event bubbling에 따라서 div#my-test에 클릭이 발생하고(click!!!을 한 번 찍고) -..