[Javascript] event.stopPropagation(), event.preventDefault() 의 차이

동생이 요즘 열공을 하는데... 도와주다가 생각나서 정리한다.
겹쳐있는 클릭 영역에 이벤트를 주거나, a 태그에 이벤트를 줄 때 참고...

event.stopPropagation()

부모 객체의 onclick 이벤트와 자식 객체의 onclick 이벤트가 있을 시
자식 객체 클릭 이벤트만 실행되고 부모로 전파되지 않도록 함

event.preventDefault ()

a 태그의 경우 href 의 이벤트와 onclick 이벤트가 있을 시
클릭 이벤트만 실행되고 그 외의 것은 실행되지 않도록 함