[Javascript] 콘솔 로그가 바로 사라지는 문제

로그인 화면 구현 연습을 하던 중에, 콘솔 로그를 찍으니까 콘솔로그가 바로 사라지는 문제가 발생했다.

로그인 기능 구현하는 방법은 크게 2가지가 있는데, 본 포스팅에서는 굳이 다루진 않겠다.

 

로그인 화면 구현 후, 로그인 버튼을 눌렀음에도 불구하고 콘솔 로그가 찍히지 않았다. (0.1초 만에 사라지는 것을 볼 수 있었다.) 원인은 아무래도 form 태그 안에 button을 생성하면서, type 속성이 submit 이기 때문인 것 같았다. 해결 방법은 크게 3가지가 있는데,

 

 

[1] 버튼을 form 밖으로 내보내기

 

 

 

[2] 버튼 type을 button으로 바꾸기 (디폴트값은 submit)

 

 

 

[3] preventDefault(); 이용하기

 

 

 

http://tcpschool.com/html-tag-attrs/button-type

코딩교육 티씨피스쿨