<ul>
<li><a href="https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault</a></li>
</ul>
<p>- 위의 링크에서 e.preventDefault() 함수가, 이벤트가 취소 가능한 경우 이벤트의 전파를 막지 않고 이벤트를 취소한다고 되어 있는데, 설명중에서 SPA에서 e.preventDefault() 사용해야한다고 하셨는데 이유가 궁금합니다.</p>

<p>form에서 e.preventDefault()를 하지 않으면 페이지가 새로고침되어 버립니다. 새로고침되면 기존 spa의 상태들이 모두 소실됩니다.</p>

인프런 커뮤니티 질문&답변

SPA에서 e.preventDefault()를 사용해야하는 이유가 뭔가요?