티스토리 뷰

지금까지 공부한 JSP, Servlet, DAO, DTO와 약간의 Javascript를 섞어서 모두 활용해보는 <회원가입 & 로그인> 예제를 진행하려고 한다. 


  • 간단하게 구현해볼 기능은 다음과 같다. 

 1. 로그인 페이지에서 로그인, 회원가입 페이지로 이동 가능

 

 2. 회원 가입 페이지에서 아이디의 중복을 확인하고, 비밀번호 & 비밀번호 확인이 일치하는 지 확인하여 회원 가입 진행

 

 3. 회원 가입을 완료하면, 로그인 페이지에 방금 회원가입한 id가 입력된 상태로 이동된다.

 

 4. 로그인을 수행하여 메인 페이지로 진입 가능


  • 사용할 DB 테이블

모든 DB 조작 메서드는 DAO가 가지고 있으며, 위 테이블의 모든 속성을 변수로 갖는 DTO를 단 하나 사용하여 구성하였다.


  • 각각의 기능을 수행할 Servlet의 구성

 1. IdCheckServlet: 현재 회원가입 하려는 아이디가 중복되지 않는 아이디 인지 확인하는 Servlet

 

 2. JoinServlet:  

 

  1) doGet: 로그인 창에서 "회원가입" 버튼을 눌렀을 때, 회원가입 페이지로 포워딩하는 기능

  2) doPost: 회원가입 폼을 모두 입력 후 DB에 값을 저장하고 다시 로그인 페이지로 포워딩하는 기능

 

 3. LoginServlet: 

 

  1) doGet: 현재 세션을 확인하여 세션이 null(로그인하지 않은 상태)이면 로그인 페이지로 포워딩, null이 아닌 현재 로그인 유저가 있다면 바로 메인 페이지로 포워딩하는 기능

  2) doPost: 로그인 폼에 입력된 데이터를 실제 DB에 저장된 정보와 비교하여 일치한다면 로그인 기능을 수행하고 메인 페이지로 포워딩하는 기능

 

 4. LogoutServlet: Login User의 세션 정보를 모두 지우고 login 페이지도 포워딩하는 기능

 

 5. MemberUpdateServlet: 

 

  1) doGet: 메인 창에서 "회원 정보 수정" 버튼을 눌렀을 때, 회원정보 수정 페이지로 포워딩하는 기능

  2) doPost: 회원정보 수정 폼을 모두 입력 후 DB를 업데이트 하고 다시 메인 페이지로 포워딩하는 기능


  • 화면 구성


프로젝트의 Github:

github.com/Choonham/Choonham-2020.03.10-Spring-Class-JWEB-/tree/main/jsp_servlet_members

 

Choonham/Choonham-2020.03.10-Spring-Class-JWEB-

Contribute to Choonham/Choonham-2020.03.10-Spring-Class-JWEB- development by creating an account on GitHub.

github.com

 

이제 좀 다이나믹 웹의 대략적인 개발 순서가 보이는 거 같다.

'WEB > DynamicWeb' 카테고리의 다른 글

[MVC] MVC의 이해  (0) 2021.05.26
[Web] file Upload Form & Method 사용  (0) 2021.05.11
[Web] DAO, DTO, Servlet 활용 예제 <회원 관리>  (0) 2021.04.28
[Web] DAO & DTO  (0) 2021.04.28
[JSP, Servlet] DTO 활용 <도서 검색>  (0) 2021.04.27
Comments