preventDefault

<a href="#">
  ...
<button type="submit"....

event.preventDefault()는 해당 이벤트가 실행될 때의 기본 동작을 막는 기능이다.

몇몇 html 태그는 우리가 아무 설정도 안 해주면 클릭시에 페이지가 새로고침 된다.
그 태그의 기본 기능이라서 그렇다.
그런 기본 기능을 막아버리고 싶으면 event.preventDefault()를 쓰자.