Cinephile 스프링 프로젝트 시작(account) 2

어제 Login 부터 작업하려다 시작부터 막혀서 회원가입부터 하기로 했다.

대문 페이지에서 회원가입 버튼을 누르면 다음과 같은 창으로 이동하게 링크를 걸어

 <li><a href="${pageContext.request.contextPath}/account/01-welcome.do">&nbsp;회원가입</a></li>

 다음 페이지로 이동하게 했다.

아직까진 간단하다. 여기서 '이메일 인증하기'버튼을 누르면 

<a href="${pageContext.request.contextPath}/account/02-putEmail.do"><button type="button" class="btn btn-default">이메일 인증하기</button></a>

이 페이지로 이동하게 된다. 

여기부터 어려워 졌다. 

 

1. '이메일 주소'에 아무런 값을 입력하지 않고 중복확인을 누르면 "이메일을 입력해주세요." 라는 팝업이 뜨게 해야하고 

2. 이메일 형식에 맞지 않게 입력하면 "이메일 형식이 올바르지 않습니다."라고 뜨게 해야하고

위의 설정은 전에 만들어 놓았던 JS파일의 경로를 설정해 주니 스프링에서도 동작을 하였다.

여기는 정규표현식으로 백(Back 은 Controllers?)과 프론트(ajax?)에서 처리를 해줘야 하고 

 

3. 이미 회원 가입된 이메일을 입력하면 데이터베이스에 저장 되어 있는 메일인지 확인해 사용중인 메일이라면 "이미 사용 중인 이메일 입니다." 라는 팝업이 뜨게 해야한다.

4. 다음으로 올바른 이메일 주소를 입력하고 중복확인 버튼을 누르면 '이메일 주속 확인' 칸이 활성화 되고 

 

5. '이메일 주소 확인'창에 같은 이메일 주소를 입력하면 '인증번호 전송'버튼이 활성화 되어야 한다.

 

6. '인증번호 전송' 버튼을 누르면 입력된 이메일로 인증번호 6자리를 전송하고 데이터베이스? 세션?에 인증번호와 이메일이 저장되도록 처리한다. 데이터베이스로 보내서 이메일과 인증번호를 저장한다면 이메일 인증만 하고 회원가입을 취소하게 된다면 롤백처리?를 해야하고 

 

이와 같이 필요한 처리들을 생각해 보았는데 맞는지 잘 모르겠다. 일단 Email검사에 사용할 정규식 표현은 필요하니까 그것부터 만들었다.

영광이가 이미 헬퍼들을 만들어 놓았으나 나는 내 회원가입을 위한 헬퍼를 일단 따로 하나 만들었다. 

굳이 따로 만들 필요는 없는거 같은데 일단 만들었고 중복확인은 ajax에서 하게 해놨다. 

일단 여기까지 

이 단계에서 이메일과 인증코드를 세션으로 해야할지 데이터베이스에 저장해야할지 몰라 멈췄다.

 

도무지 감이 오질 않는다. 일단 Mybatis와 servicelayer 부터 공부해야겠다.