TIL - Form태그 onSumit

onClick으로 처리할 수 있는것을 굳이 form 태그와 type='sumbit' 버튼을 사용하는지 궁금해서 찾아봤다.

• 우선 onSumit을 사용하면 Enter를 눌러도 입력이벤트가동작한다. onClick 같은 경우 onKeyPress이벤트를 따로 설정해줘야한다.

• onSumit을 사용할때 주의할 점은 e.preventDefalut()를 적용시켜야한다. onSumit이벤트는 브라우저에서 새로고침을 발생시키기 때문이다.
  추가: form태그안에서 onSumbit안쓰고 버튼에 onClick사용했는데도 새로고침 발생했다. form태그안에서 쓸때는 e.preventDefalut()해줘야하나보다.