내가 참고하기 위한 개발참고 블로그

<form method="get" action="" name="get_form">
	<button type="button">버튼</button>
   	<button type="submit">버튼</button>
   	<button>버튼</button>
</form>

<form method="post" action="" name="post_form">
	<button type="button">버튼</button>
   	<button type="submit">버튼</button>
   	<button>버튼</button>
</form>

button 태그의 type을 button을 주면 순수하게 버튼에 관한 내용만 실행 (submit 안함)

button 태그의 type을 submit을 주면 form 태그의 submit 실행

button 태그의 type을 아무것도 주지 않으면 form 태그의 submit 실행

다음 우편번호 api 호출을 버튼으로 했다가 타입속성 안줬음

주소 가져오는 텍스트가 부모 페이지에 안 와서 찾다가 발견하게됨

1시간 소모;;;; 보시는 분들은 시간 낭비하시는 일 없으시길 ㅠㅠ

페이지 변화가 없어서 submit 되는 줄도 몰랐음

---- 번외 ----

직장 선임이 가르쳐주신 내용

JavaScript (jQuery)

1. e.preventDefault()
태그의 기본 동작만 중단

2. e.stopPropagation()
버블링 중단

3. retrun false (순수 JavaScript)
버블링은 발생

3. retrun false (jQuery)
e.preventDefault() 와 e.stopPropagation() 같이 적용

출처 : 직접 겪은 내용 정리