티스토리 뷰
지금까지 공부한 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
이제 좀 다이나믹 웹의 대략적인 개발 순서가 보이는 거 같다.
'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 |
- 맛집
- 파니노구스토
- AsyncStorage
- Promise
- 인천 구월동 이탈리안 맛집
- await
- 이탈리안 레스토랑
- react
- redux-thunk
- 인천 구월동 맛집
- javascript
- redux
- react-native
- 정보보안기사 #실기 #정리
- Async
- Total
- Today
- Yesterday