Validation
로그인을 구현하면서 유효성 검사에 대해 알게되었다.
아직 개발 어린이인 나는 유효성검사를 알지 못했고 이번 기회에 유효성 검사에 대해서 공부하게 되었다!
공부하면서 알게된걸 오늘 끄적여 볼 생각이다.
유효성 검사가 필요한 이유
그럼 유효성 검사는 백에서? 프론트에서?
프론트에서 JS로 유효성 검사를 하는 이유는 사용자에게 알려주기 위한 UX 측면이 강하다.
물론 불필요한 요청을 서버로 보내지 않아도 되니깐
하지만 프론트에서만 유효성 검사를 하는것은 보안상 위험하기 때문에, 백엔드에서도 체크해주는 것이 필수이다!
유효성 검사 처리 방법
폼 페이지 유무 검사
<script> funtion checklogin(){ var form = document.loginForm; if(form.id.value == ""){ /* 아이디가 입력되었는지 검사한다. 아이디가 입력되지 않으면 오류 메시지를 출력하고 해당 입력 항목에 커서를 놓이게 됨 */ alert("아이디를 입력해주세요") form.id.focus(); return false; } else if (form.password.value == "") { /* 비밀번호가 입력되었는지 검사한다. 비밀번호가 입력되지 않으면 오류 메시지를 출력하고 해당 입력 항목에 커서가 놓이게 됨 */ alert("비밀번호를 입력해주세요"); form.password.focus(); return false; } form.submit(); /* 폼 페이지에서 입력한 데이터 값을 서버로 전송함 */ } /* 자바스크립트로 폼 페이지에 입력 항목의 데이터를 검사하는 핸들러 함수 checkLogin()을 작성함 */ </script>