데이터베이스를 이용한 회원 관리 시스템 구축하기 8 - 회원 가입을 위한 프로그래밍 2 : 아이디 중복 체크와 나머지 입력 폼 작성하기

조금 전에 늦은 저녁을 먹고 다시 공부를 시작해보려고 한다. 밖에 나가 사 먹고 싶었지만 그래도 집밥만큼 몸에 좋은 음식도 없다. 며칠 전에 만든 배추 겉절이와 배추 된장국에다 식사를 했는데 얼마나 맛있었는지 모른다. 배도 든든히 채웠으니 다시 공부를 열심히 해볼 것이다.

아이디 중복 체크를 서블렛 파일을 만드는 것부터 시작해보겠다.

---

 

 

 

 

회원 가입을 위한 프로그래밍 두 번째

 

[직접 해보기] 아이디 중복 체크를 위한 서블릿 클래스 만들기

 

1. 서블릿 클래스 만들기

 

 

 

 

이번에는 소문자로 잘 만들었다.

---

 

 

 

 

 

2. 서블릿 클래스 코드 작성하기

 

회원 가입 시 입력한 아이디를 얻어오고 DAO 객체를 얻어온다.  아이디 중복 체크 후 얻어온 confirmId() 메서드의 결과값을 사용자 아이디와 함께 idcheck.jsp 페이지에 어트리뷰트에 실어 보낸다.

 

---

 

 

 

 

 

[직접 해보기] 아이디 중복 체크를 위한 JSP 페이지

 

17~22 : 서블릿에서 넘겨준 result 값이 1이면 이미 사용 중인 아이디이기 때문에 아이디를 새로 입력받아야 한다. 

23~26 : 서블릿에서 넘겨준 result 값이 -1이면 등록되지 않은 아이디이기에 사용 가능하다는 메시지를 출력하고 <사용> 버튼이 나타난다.

 

 

이 창에 오류가 뜨지 않고 드디어 나타났다. 여기까지 코드를 작성해야 비로소 실행이 된다.

다음은 idcheck.jsp의 <사용> 버튼을 클릭하면 호출되는 자바스크립트 함수이다. 이 함수에서는 회원 가입 폼의 아이디와 아이디 중복 체크를 했는지 확인하기 위한 글상자에 아이디 중복을 체크한다. 그리하여 사용 가능한 아이디를 저장한다.

---

 

 

 

 

 

[직접 해보기] 아이디 중복 체크 완료 처리를 위한 자바스크립트 함수

 

 

 

회원 정보를 데이터베이스에 추가하기 위해서는 다음 회원 가입 폼의 * 표시된 글상자에 데이터가 입력되었는지, 암호와 암호 확인은 일치하는 값인지, 아이디 중복 체크는 한 것인지 확인해야 한다.

---

 

 

 

 

 

[직접 해보기] 회원 정보의 유효성을 체크하기 위한 자바스크립트 함수

 

 

 

 

 

사용을 누르면 창이 꺼진다. 회원 가입이 되면 이렇게 로그인 창으로 이동한다.

 

 

 

 

 

 

회원 가입을 위한 입력 폼이 완성되었다. 이제 가입 정보를 받아와 이를 데이터베이스(member 테이블)에 추가하는 작업을 해야 한다. DAO에 회원 가입을 위한 메서드를 추가한다.

---

 

 

 

 

 

[직접 해보기] 회원 정보를 DB에 추가하기 위한 메서드 추가하기

 

회원 가입을 위한 메서드로 회원 가입 폼에서 입력받은 회원 정보를 매개 변수로 전달받는다.

회원 정보를 데이터베이스에서 추가하는 작업은 회원 가입 폼을 사용자에게 제공해 주는 JoinServlet 서블릿 클래스에서 한다. 이 클래스에서는 get 방식으로 요청되면 doGet() 함수가 post 방식으로 요청하면 doPost() 함수가 호출된다.

JoinServlet 서블릿 클래스의 doGet() 함수에는 회원 가입을 위한 정보를 입력받을 폼을 제공하는 jsp로 포워딩하는 코드를 입력했으므로 이번에 데이버베이스 처리를 위한 코드는 doPost() 함수에서 처리한다.

---

 

 

 

 

 

[직접 해보기] 회원 정보를 데이터베이스에 추가하는 서블릿 클래스

 

 

---

 

 

 

 

학습을 마치고

회원 가입과 로그인 기능은 모두 구현했다. 정말 어려웠지만 말이다. 이제 남은 건 로그아웃 처리를 하는 것이다. 이 주제만 학습하면 이론과 실습 학습은 마치게 된다.

빨리 마치고 퀴즈 문제를 풀고 이 단원 학습을 마치고 싶다.