#4 자바스크립트 - preventDefault() 메서드

오늘은 로그인 기능 구현에 대해 배우다가 정리할 만한 개념이 있어서 블로그를 써보려고 한다. 우린 로그인 기능을 구현할 때 form 태그를 활용한다.

그런데, form 태그에는 단점이 있다. 바로, form 태그에서 button이나 input(type이 submit인) 버튼이 있을 때, 이를 클릭하거나 엔터를 누르면 자동으로 그 내용이 submit된다!

그리고 페이지가 누를 때마다 새로고침되어서 무시할 수 없는 동작이다. 그렇다면 이 문제를 어떻게 해결해야 될까?

여기서 필요한 것이 prevenDefault() 메서드다. 0. prevenDefault() 먼저 이 메서드가 속해 있는 객체가 무엇인지 알아보아야 한다. 그러기 위해선 저번에 글로 다뤘던 addEventListener() <- 예를 가져와야 한다.

이 메서드는 어떤 것이었는지 살짝 복습해보면,