html에서 a태그나 submit 태그는 고유의 동작으로 페이지를 이동시키거나, form태그 안의 input등을 전송하는 동작이 있는데 e.preventDefault()(event.preventDefault())는 그러한 html상의 내정되어 있는 동작들을 중지시키는 역할을 한다.
이번의 경우에는 form태그 내의 button태그가 onClick 이벤트 핸들러로 함수를 호출할 때, 의도와 상관없이 브라우저를 reload시키는 문제가 있었다.
이렇게 해결해주면 된다.
