${pageTitle}${' | '}JSPBOARD

$$config title: JSP 커뮤니티 사이트 기술서 keywords: - IT - 기술서 $$ # 개요 - 순수 JSP, 서블릿을 사용하여 유사 스프링 구조를 구현 - 스프링이나 부트를 공부하기전 기초를 탄탄히 하려고 시작 - 기존적인 커뮤니티 사이트에 필요한 기능 구현 # 기술스택 ## 개발툴 - STS - XAMPP(마리아 DB 설치용) - SQLYog Community Edition - Visual Studio Code - sql 파일 편집용 - Chrome ## 백엔드 기술 - Java Servlet, JSP - Tomcat 9 - Lombok - Jackson(json 파서용) - Mysql JDBC Driver - javax.mail(이메일 발송) ## 프론트 기술 - HTML - CSS - JS - jQuery - 테일윈드(JIT) ## 관리 - Git # 기간 - 시작 : 2021-07-31 - 완료 : 2021-09-09 # 구현기능리스트 ## 동작과정 1. 클라이언트가 domain에서 요청을 보냅니다. 2. 보낸 요청을 Tomcat이 Proxy로 연결하여 Dispatcher에게 넘겨줍니다. 3. Dispatcher에서 App에게 요청하여 ProductMode를 받습니다. 4. 받은 요청을 분리한 후 user와 admin으로 구분하여 다시 Dispatcher로 보냅니다. 5. 구분된 Dispatcher에서 각각의 Controller로 요청을 넘겨줍니다. 6. Controller에서 Request를 통하여 해당 method에 맞게 실행됩니다. 7. 비즈니스 로직에 관련된 부분은 Service에게 넘겨줍니다. 8. Service에서는 Request한 데이터를 처리하거나 분석해줍니다. 9. 데이터 보관, 수정, 삭제를 원활하게 진행시키기 위하여 Dao에게 일을 위임합니다. 10. 계층 간 데이터 교환에는 DTO가 사용됩니다. 11. lombok를 사용하여 클래스에 getter, setter, 생성자 등을 자동으로 생성해줍니다. 12. DAO에서는 DB에게 MySQL Util과 SecSql을 이용해 쿼리를 읽고 JDBC에 넙깁니다. 13. 요청받았던 데이터를 다시 Service에게 보냅니다. 14. 이때 서비스에서는 성공과 실패를 구분하여 Controller에게 보내줍니다. 15. Controller는 상황에 맞는 메세지를 받고 JSP를 통해 Tomcat으로 보내줍니다. 16. Tomcat에서는 클라이언트에게 전송받은 화면을 보여줍니다. ## 사용자 ### 회원 - 회원가입 - 로그인 - 로그아웃 - 아이디찾기 - 비밀번호찾기(임시패스워드를 이메일로 발송) - 인터셉터를 통한 권한체크 - NeedLoginInterceptor - NeedLogoutInterceptor - 로그인이 안된 상태에서 로그인이 필요한 페이지로 이동시 - 로그인 후 원래 이동하려면 곳으로 이동 - 로그인 시 페이지 유지 ### 게시물 - 멀티 게시판 - 공지사항게시판 - 저유게시판 - 게시물 검색 - 검색 팝업창 - 게시판 별 검색 - 검색어 타입 - 제목 - 내용 - 제목+내용 - 페이징 - 작성 - 로그인 필요 - 게시판 선택 가능 - 제목, 내용 - 작성 권한체크 - 수정 - 수정 권한체크 - 본인만 수정 가능 - 삭제 - 삭제 권한체크 - 본인만 삭제 가능 ## 관리자 ### 회원 - 관리자로 로그인 하면 관리자 페이지로 접속할 수 있음 - 관리자 페이지 자체는 아직 미구현 ### 게시물 - 관리자 회원은 타인의 글을 삭제할 수 있음 # 기능설명 ## 회원가입화면 ### 개요 - ![](https://i.imgur.com/ONcG5Yr.png) - 이용약관 체크 - 개인정보보호방침 체크 - 로그인아이디 입력 - 로그인비밀번호 입력 - 로그인비밀번호확인 입력 - 이름 입력 - 별명 입력 - 휴대전화번호 입력 - 이메일 입력 - 로그인아이디는 중복체크(ajax) - ![](https://i.imgur.com/gI9HUG8.png) - 이름 + 이메일 중복체크 ### 소스코드 #### 관련소스코드 #### src/main/webapp/WEB-INF/usr/member/join.jsp ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ include file="../part/head.jspf"%>

회원가입

이용약관 다시 확인하기

이용약관에 동의합니다.

개인정보취급방침 다시 확인하기

개인정보취급방침에 동의합니다.

로그인아이디

로그인비밀번호

로그인비밀번호 확인

이름

별명

휴대전화번호

이메일

<%@ include file="../part/foot.jspf"%> ``` ## 로그인화면 ![](https://imgur.com/Q53akAQ.png) ## 로그인처리 ## 공통상단 ![](https://i.imgur.com/TR7tQGj.png) ![](https://imgur.com/7vBupnc.png) ![](https://imgur.com/UkWwdvs.png) - 모바일 사이드바 ### 소스코드 #### 관련소스코드 ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> ${pageTitle}${' | '}JSPBOARD <%=""%> <%=""%>

ING

${rq.loginedMember.nickname}

<%@ include file="mobileSideBar.jspf"%>

Apple

``` ## 공통하단 ### 소스코드 #### 관련소스코드 ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

``` # 테스트 내역 - 회원가입 - 테스트통과 : 통과 - 테스트날짜 : 2021-09-30 - 테스트 수행인 : 왕혜원 - 로그인 - 테스트통과 : 통과 - 테스트날짜 : 2021-09-30 - 테스트 수행인 : 왕혜원 - 로그아웃 - 테스트통과 : 통과 - 테스트날짜 : 2021-09-30 - 테스트 수행인 : 왕혜원 - 아이디찾기 - 테스트통과 : 통과 - 테스트날짜 : 2021-09-30 - 테스트 수행인 : 왕혜원 - 비밀번호찾기(임시패스워드를 이메일로 발송) - 테스트통과 : 통과 - 테스트날짜 : 2021-09-30 - 테스트 수행인 : 왕혜원 - 인터셉터를 통한 권한체크 - 테스트통과 : 통과 - 테스트날짜 : 2021-09-30 - 테스트 수행인 : 왕혜원 - 로그인이 안된 상태에서 로그인이 필요한 페이지로 이동시 - 로그인 후 원래 이동하려면 곳으로 이동 - 테스트통과 : 통과 - 테스트날짜 : 2021-09-30 - 테스트 수행인 : 왕혜원 - 로그인 시 페이지 유지 - 테스트통과 : 통과 - 테스트날짜 : 2021-09-30 - 테스트 수행인 : 왕혜원