국비 58 일차

 

데이터 베이스를 연동한 회원관리 시스템 만들기

 

JSP, Servlet, SQL, JS 모두 사용

 

JSP파일	설명	경로
login.jsp	로그인 아이디 비밀번호 입력받는 폼	WebContent/member
join.jsp	회원 가입위한 정보를 입력받는 폼	WebContent/member
main.jsp	회원 인증후 서비스 제공받는 폼	WebContent
memberUpdate.jsp	회원 정보 수정 폼	WebContent/member

서블릿 파일	설명	URI 패턴	어노테이션
JoinServlet.java	입력된 회원정보로 회원가입 처리	com.oracle.controller	/join.do
LoginServlet.java	회원 인증 처리	com.oracle.controller	/login.do
MemberUpdateServlet.java	입력된 회원 정보로 회원 정보 수정	com.oracle.controller	/memberUpdate.do
LogoutServlet.java	로그 아웃 처리	com.oracle.controller	/logout.do
IdCheckServlet.java	아이디 중복 체크	com.oracle.controller	/idCheck.do

VO클래스	설명
MemberVo.java	회원 정보를 저장하기위한 클래스(자바 빈)

DAO클래스	설명
MemberDAO.java	데이터베이스와 연동하는 작업 처리클래스

자바스크립트 파일	설명
member.js	폼 입력 정보가 정확한지 체크하는 자바스크립트(유효성 검사)

 

 

로그인 기능 구현

1. DB 테이블을 준비한다. (미리 몇 명의 데이터를 준비해 두자)
2. Vo 객체 준비한다.
3. Dao객체를 싱글톤으로 준비한다.
4. DAO 객체 DBCP 등록 -> 테스트 코드로 데이터베이스 접속을 테스트 한다. -> test.jsp
5. 로그인 폼 만들기 -login.jsp , member.js
6. 로그인 폼에 직접 접근하지 못하도록 서블릿을 통한 매핑 만들기
7. 프론트 페이지 만들기
8. 회원 인증 처리 DAO클래스
9.  LoginServlet의 doget메소드와 doPost 메소드 완성
   - GET요청시 로그인폼 페이지로 이동시킨다. 
   - POST요청시 로그인 인증을 처리한다.
10. 인증된 회원에게만 보여줄 페이지 main.jsp를 만든다.

 

회원 가입 기능 구현

1. 로그인 페이지에서 회원 가입 버튼 누르면 회원 가입 폼으로 이동하게 만든다.                                                     - 서블릿을 통한 매핑 처리를 한다.
2. 아이디 중복 체크를 위한 코드를 작성한다.
   - 만들어진 중복체크 버튼을 자바스크립트 코드로 연결 시킨다.
   - Dao 에 아이디 중복 체크하기 위한 쿼리 메소드를 작성한다.
   - 아이디 중복 체크 페이지로 연결하기 위한 서블릿을 만든다.
   - 아이디 중복 체크 페이지를 만든다.
   - 중복 체크 완료된 후 이전 페이지로 돌아가기 위한 자바스크립트 코드를 추가한다.
3. 회원 가입 폼에서 사용할 유효성 검증 코드를 추가한다.
4. 회원 가입시 사용한 쿼리문을 Dao클래스에 작성한다.
5. 회원 가입폼에서 전달 받은 데이터를 처리하기 위한 코드를 서블릿에 전달하여 처리한다.

 

회원 정보 수정 기능 구현

1. 메인페이지 회원 정보 수정 버튼을 만든다
2. 회원 수정 폼으로 이동할 서블릿을 만들고 매핑한다.
    - 이미 로그인 된 회원의 정보를 가져오도록 Dao 클래스에서 회원 정보를 호출한다.
3. 회원 수정 폼을 만든다.
    - 알고 있는 회원 정보를 보여준다.
4. 회원 정보를 수정할 쿼리를 Dao 클래스에 작성한다.
5. 회원 수정 폼에서 받은 데이터를 처리하기 위한 코드를 서블릿에 작성한다.
6. 회원 정보를 수정한 회원은 로그인페이지가 아닌 메인 페이지로 이동하도록 수정한다.