[R.Manager - Toy Project] 3st (회원가입 - 비밀번호 및 입력 체크)

Java Spring 비밀번호 확인 및 회원가입 

 

[ Part 2 진행 순서 ]

• 비밀번호 유효성 검사
• 비밀번호 & 비밀번호 재확인 
• 회원가입 기능 - DB에 저장

 

동영상은 회원가입부터 로그인까지의 시연 영상이지만 

이전 포스팅에 언급했던 것처럼 생각보다 로직들이 많아서 나눠서 포스팅 진행 중이다

 

금일은 비밀번호 유효성 검사와 비밀번호와 비밀번호 재확인 기능 

마지막으로 가입하기 버튼 클릭 시 

DB에 입력 값을 모두 넣어주는 작업까지 진행할 예정이다 

 



#registerBtn은 UI상 회원가입 버튼을 의미한다 

해당 버튼을 클릭 시 여러 유효성 검사를 거치게 코드를 작성하였는데,

첫 번째로는 각각의 입력값이 만약 빈 값일 때 

그대로 값을 DB에 입력하면 안 되기 때문에, (DB에 Not Null 값이 있을 시 오류 발생)

JS 단에서 체크를 해주는 형식으로 진행하였다 

 

각각의 인풋 값이 빈 값일 경우에 alert를 이용해서 사용자에게 어떤 값이 빈 값인지를 명시해주는 기능이다 

 

그다음으로는 비밀번호 유효성 검사이다

첫 번째로 If 조건문을 통해 비밀번호가 빈 값이 아닌 경우로 거르고

그 다음으로는 미리 선언한 pwCheck 변수 (내가 지정한 비밀번호 정규식)에 해당하는지 검사한다 

 

만약 위 단계들을 모두 통과했다면,

마지막으로 비밀번호와 비밀번호 재입력에 입력한 값이 일치한 지 체크해준다

그리고 회원가입 버튼을 클릭 시 

Post 방식으로./addUser url로 이동하게 된다

 

컨트롤러에서는 PostMapping으로 사용자가 입력한 값들을 미리 선언한 MemberVo로 받아들인다 

 

memService를 이용해서 DB 조회를 통해 아이디 중복 검사를 실시한 후에,

값을 return 받고 만약 1이 리턴되면 아이디가 중복된 것이기 때문에 redirect를 이용해서 다시 회원가입을 하게 한다

그렇지 않다면 회원가입 메서드인 memService.newMember를 실행시켜준다 

 

회원가입이 완료되면 로그인 페이지로 redirect 시켜준다 

 

Mapper는 위 사진과 같이 작성하였다.

컨트롤러를 통해서 넘어온 아이디/이름/비밀번호/이메일 값을 Values에 넣고,

회원 가입한 날짜를 체크해주기 위해 현재 날짜인 sysdate도 함께 넣어주었다 

 

 

[ dao와 service의 파일 구조와 코드 ]

 

파일구조

Dao Service 코드내용

이렇게 해서 회원가입을 구현하였다