Button Click 시 Submit이 되는현상

Button 클릭시 자동으로 서브밋 현상이 일어나는 경우 해결방법(Can I make a <button> not submit a form?)

<form>

        <button class="btn bg-color-teal txt-color-white">버튼1</button>

</form>

위와같은 코딩의 경우 100% 버튼 클릭시 서브밋 현상이 발생하게 되어있다.

해결방법은 type 속성을 추가해준다.

<form>

        <button type="button" class="btn bg-color-teal txt-color-white">버튼1</button>

</form>