[Semi-Project]회원가입 기능 구현(8)

JWT 와 OAuth 2.0 이 갑자기 사라지는 바람에 회원가입은 native DB 에 저장되는 방식으로 변경되었지만 Spring Security 는 여전히 사용하였기 때문에 암호화를 진행시켜 저장하였고, 인증 인가의 방식도 사용하였습니다.

회원가입

1. 아이디

(좌측부터) 중복확인을 진행하지 않았을 경우, 아이디를 입력하지 않았을 경우, 아이디가 중복될 경우, 가입이 가능한 아이디일 경우

아이디는 추후에 SMTP (이메일링 서비스) 까지 사용하여 비밀번호 찾기를 진행하기로 하였기 때문에 유니크 값으로 설정하였고, 그렇기 때문에 아이디 중복에 관한 로직이 있어야 했습니다. 중복확인 버튼을 클릭하지 않았을 경우 중복확인을 클릭하게 하였고, 만약 중복확인을 눌러서 중복확인을 한 후에 대차 아이디를 수정하게 되면 다시 중복확인 버튼을 눌러야 넘어갈 수 있게 하였습니다.

2. 비밀번호

암호화 된 비밀번호

비밀번호는 정규식을 활용하여 8글자 이상에 특수문자가 포함되어야 다음으로 넘어갈 수 있게 설정하였습니다. 숨김 / 보임 기능을 추가하여 비밀번호 입력시 내가 쓴 비밀번호를 열람 할 수 있게 하였습니다. 또한 Spring Security 를 활용하여 암호화 된 비밀번호가 저장되도록 하였습니다.

3. 이름, 성별

이름은 비밀번호와 동일하게 정규식을 활용하여 모음 또는 자음이 따로 입력 되어 있을 경우(오타방지) 경고란을 띄웠습니다.

4. 그 외 기능

그 외 기능중에서 전화번호, 과정명과 기수는 required 를 선언하여 필수적으로 작성하게 하였고 생년월일은 작성하지 않아도 넘어갈 수있게 하였습니다. 특히, 과정명과 기수는 따로 작성하지 DB 저장되어 있는 값을 불러와 표기하도록 설정하였습니다.

최종 회원가입 폼