맛집 공유 SNS 프로젝트#01_2. 회원가입 기능 구현

회원가입 페이지를 만들 때, 이름, 아이디, 비번, 주소가 들어가는데 여기서 아이디는 중복검사를 해야하고, 비번은 한번 더 입력하여 두 개가 일치하는지 확인하는 과정을 거쳐야한다.

 

1. 아이디 중복 확인
2. 확인이 필요한 부가 사항

 

1. 아이디 중복 확인

이와 같은 화면을 만들고자 한다.

join.jsp

일단 member/join.jsp 파일을 만들어주고 다음과 같이 코드를 작성한다.

우선, 아이디 중복 확인하는 기능을 먼저 구현해보겠다.

member.js

 

MemberController

MemberServiceImpl

MemberDAOImpl

memberMapper

사용자가 입력한 아이디가 이미 테이블에 존재하는지 확인하기 위한 코드이다. EXISTS은 IN 보다 속도나 성능 면에서 더 낫다.

as success하는 이유는

결과값이 select EXISTS (select * from 테이블이름 where 컬럼=찾는 값)  이렇게 길게 나온다.

success 값이 1, 0 으로 나와서 파싱하기 편한다.

값이 1이라는 것은 존재한다는 것이고, 0은 존재하지 않는다는 것이다.

 

2. 확인이 필요한 부가 사항

아이디 중복 체크 외에도

1. 버튼을 눌러 아이디 중복 확인을 했는지

2. 이름, 아이디, 비밀번호, 비밀번호 확인란 입력은 필수이므로 입력이 됐는지,

3. 비밀번호와 비밀번호 확인란에 입력된 값이 같은지

확인하는 과정이 필요하다.

따라서 다음과 같이 코드를 작성했다.

member.js

 

뒤의 코드는 다음 편에서 쓰기로 하겠다.