포토그램 인증 구현하기
회원가입 구현
signup.jsp에서
<!--회원가입 인풋-->
<form class="login__input" action="/auth/signup" method="post">
<input type="text" name="username" placeholder="유저네임" required="required" maxlength="20"/>
<input type="password" name="password" placeholder="패스워드" required="required" />
<input type="email" name="email" placeholder="이메일" required="required" />
<input type="text" name="name" placeholder="이름" required="required" />
<button>가입</button>
</form>
Java
복사
maxlength="20" 를 추가해주면
그 이상은 입력이 되지 않는다. 화면상에서 20자리 이상 오류를 막을 수 있지만 포스트맨을 통해서는 막을 수 없기때문에 뒷단에서도 오류처리를 해주는거다.
잠깐! 오류 테스트를 위해서 maxlength="30"로 바꿔서 저장해주자.
나중에는 maxlength="20"으로 변경해주는거 잊지말기.
util이라는 패키지 생성 하고 그안에 Script.java 생성
package com.cos.photogramstart.util;
public class Script {
public static String back(String msg) {
StringBuffer sb = new StringBuffer();
sb.append("<script>");
sb.append("alert('"+msg+"');");
sb.append("history.back();");
sb.append("</script>");
return sb.toString();
}
}
Java
복사
경고창을 띄우고 뒤로가기 라는 스크립트 코드를 하나 만들어서 리턴하는 함수
ControllerExceptionHandler.java에서
@ExceptionHandler(CustomValidationException.class)
public String validationException(CustomValidationException e) {
//CMRespDto, Scripte 비교
// 1. 클라이언트에게 응답할 때는 Script가 좋음
// 2. Ajax 통신 - CMRespDto가 좋음
// 3. Android 통신 - CMRespDto가 좋음
return Script.back(e.getErrorMap().toString());
}
Java
복사
로 진행 후 다시하면은
확인 누르면 뒤로 가기가 된다