e.preventDefault()

역할

1.브라우저 고유의 동작을 중단시켜준다
2.이벤트에서 기본동작이 발생하지 않도록 방지한다.

주로 사용되는 경우

1.a 태그를 눌렀을 때도 href 링크로 이동하지 않게 할 경우
2.<form> tag에서 submit을 했을 때, 페이지가 리프레쉬 되는 고유의 브라우저 동작을 할 때

e.stopPropagation()

역할

1.부모 엘리먼트에게 이벤트 전달을 중단해야 할 때, 자식 엘리먼트에게서만 실해시키고자 할 때!