<button type="button">버튼 태그를 사용했을때 굳이 type 속성까지 쓰며 버튼이란걸 정의해야 하는 이유!
HTML에서 버튼의 기본 동작은 submit으로 되어있기 때문에 꼭 type="button"이라고 써주어야 한다
버튼의 type은 3가지 있다.
- submit : 현재 양식 데이터를 제출 (기본값)
- reset : 현재 양식 데이터를 재설정
- button : 그냥 버튼. 효과는 다른 것(=자바스크립트)으로 제어되어야 함
버튼에 type을 지정하지 않으면 버튼의 기본 type은 submit이 된다. 그래서 버튼을 눌렀는데 다음 페이지로의 이동이 아닌 입력란에 썼던 데이터가 서버로 전송될 수도 있다. 이때 잘못 입력된 값을 넘긴다면 에러 메시지가 올라오면서 사용자 경험이 나빠질 수 있다.
이렇게 버튼에 type 속성을 명시적으로 지정하면 코드 목적이 명확해지고 유지보수가 쉬워진다는 장점도 있다!
🚀 DevLog