$$config title: JSP 커뮤니티 사이트 기술서 keywords: - IT - ... $$ # 개요 - 순수 JSP 서블릿을 사용하여 유사 스프링 구조를 구현 - 스프링이나 부트를 공부하기전 기초를 다지고자 시작 - 기존적인 커뮤니티 사이트에 필요한 기능 구현 # 기술스택 ## 개발툴 - STS - XAMPP(마리아 DB설치용) - SQL Yog Community Edition - Visual Studio Code - sql 파일 편집용 - 크롬 ## 백엔드 기술 - Java Servlet , JSP - Tomcat 9 - Lombok - Jackson(json 파서) - Mysql JDBC Driver - Javax.mail(이메일 발송) ## 프론트 기술 - HTML - CSS - JS - jQuery - 테일윈드(JIT) # 기간 - 시작 : 2021-08-01 - 완료 : 2022-01-03 # 구현기능리스트 ## 사용자 ### 회원 - 회원가입 - 로그인 - 로그아웃 - 아이디찾기 - 비밀번호찾기(임시패스워드를 이메일로 발송) - 인터셉터를 통한 권한체크 - NeedLoginInterceptor - NeedLogoutInterceptor - 로그인이 안된 상태에서 로그인이 필요한 페이지로 이동 시 - 로그인 후 원래 이동하려는 곳으로 이동 - 로그인 시 페이지 유지 ### 게시물 - 멀티 게시판 - 공지사항게시판 - 자유게시판 - 게시물 검색 - 검색 팝업창 - 게시판 별 검색 - 검색어 타입 - 제목 - 내용 - 제목+내용 - 페이징 - 작성 - 로그인 필요 - 게시판 선택 가능 - 제목, 내용 - 수정 - 본인만 수정 가능 - 삭제 - 본인만 삭제 가능 ## 관리자 - 관리자로 로그인 하면 관리자 페이지로 접속할 수 있음 -관리자 페이지 자체는 아직 미구현 ### 게시물 - 관리자 회원은 타인의 글을 삭제할수 있음 # 기능설명 ## 회원가입 화면 ### 개요 - ![](https://i.imgur.com/rBLx1Y5.png) - 이용약관 체크 - 개인정보보호방침 체크 - 로그인아이디 입력 - 로그인 비밀번호 입력 - 로그인비밀번호확인 입력 - 이름 입력 - 별칭 입력 - 휴대전화번호 - 이메일 입력 - 로그인아이디 중복체크(ajax) - ![](https://i.imgur.com/KVPMnRo.png) - 이름 + 이메일 중복체크 ### 소스코드 #### 관련소스코드 ```java // UsrMemberController.java 의 actionShowJoin 메서드 private void actionShowJoin(Rq rq) { rq.jsp("usr/member/join"); // usr/member/join.jsp 파일이 실행된다. } ``` #### 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://i.imgur.com/P9PLwK9.png) - 필수 필드 입력체크 - 로그인아이디 중복체크 - 이름 + 이메일 중복체크 ### 소스코드 #### 관련소스코드 ```java // UsrMemberController.java 의 actionDoJoin 메서드 private void actionDoJoin(Rq rq) { String loginId = rq.getParam("loginId", ""); String loginPw = rq.getParam("loginPw", ""); String name = rq.getParam("name", ""); String nickname = rq.getParam("nickname", ""); String cellphoneNo = rq.getParam("cellphoneNo", ""); String email = rq.getParam("email", ""); if (loginId.length() == 0) { rq.historyBack("loginId(을)를 입력해주세요."); return; } if (loginPw.length() == 0) { rq.historyBack("loginPw(을)를 입력해주세요."); return; } if (name.length() == 0) { rq.historyBack("name(을)를 입력해주세요."); return; } if (nickname.length() == 0) { rq.historyBack("nickname(을)를 입력해주세요."); return; } if (cellphoneNo.length() == 0) { rq.historyBack("cellphoneNo(을)를 입력해주세요."); return; } if (email.length() == 0) { rq.historyBack("email(을)를 입력해주세요."); return; } ResultData joinRd = memberService.join(loginId, loginPw, name, nickname, cellphoneNo, email); if (joinRd.isFail()) { rq.historyBack(joinRd.getMsg()); return; } rq.replace(joinRd.getMsg(), "../member/login"); } // MemberService.java 의 join 메서드 public ResultData join(String loginId, String loginPw, String name, String nickname, String cellphoneNo, String email) { Member oldMember = getMemberByLoginId(loginId); if (oldMember != null) { return ResultData.from("F-1", Ut.f("%s(은)는 이미 사용중인 로그인아이디입니다.", loginId)); } oldMember = getMemberByNameAndEmail(name, email); if (oldMember != null) { return ResultData.from("F-2", Ut.f("%s님은 이메일 주소 `%s`(으)로 이미 가입하셨습니다.", name, email)); } int id = memberRepository.join(loginId, loginPw, name, nickname, cellphoneNo, email); return ResultData.from("S-1", "가입성공", "id", id); } // MemberRepository.java 의 join 메서드 public int join(String loginId, String loginPw, String name, String nickname, String cellphoneNo, String email) { SecSql sql = new SecSql(); sql.append("INSERT INTO `member`"); sql.append("SET regDate = NOW()"); sql.append(", updateDate = NOW()"); sql.append(", loginId = ?", loginId); sql.append(", loginPw = ?", loginPw); sql.append(", name = ?", name); sql.append(", nickname = ?", nickname); sql.append(", cellphoneNo = ?", cellphoneNo); sql.append(", email = ?", email); int id = MysqlUtil.insert(sql); return id; } ``` ## 로그인화면 - ![](https://i.imgur.com/pbGQWUU.png) ## 로그인이후 - ![](https://i.imgur.com/QwiNJMf.png) ## BeforeActionInterceptor ```java public class BeforeActionInterceptor extends Interceptor { private MemberService memberService; public void init() { memberService = Container.memberService; } @Override public boolean runBeforeAction(Rq rq) { String loginedMemberJson = rq.getSessionAttr("loginedMemberJson", ""); if (loginedMemberJson.length() > 0) { rq.setLogined(true); rq.setLoginedMember(Ut.toObjFromJson(loginedMemberJson, Member.class)); rq.setLoginedMemberId(rq.getLoginedMember().getId()); rq.setAdmin(memberService.isAdmin(rq.getLoginedMember())); } rq.setAttr("rq", rq); return true; } ``` ## NeedLoginInterceptor ```java public class NeedLoginInterceptor extends Interceptor { public void init() { } @Override public boolean runBeforeAction(Rq rq) { if (rq.getControllerTypeName().equals("usr") == false) { return true; } //로그인이 필요한 기능들 switch (rq.getActionPath()) { case "/usr/article/list": case "/usr/article/detail": case "/usr/home/main": case "/usr/home/doSendMail": case "/usr/member/getData": case "/usr/member/login": case "/usr/member/doLogout": case "/usr/member/doLogin": case "/usr/member/join": case "/usr/member/doJoin": case "/usr/member/getCheckValidLoginId": case "/usr/member/findLoginId": case "/usr/member/doFindLoginId": case "/usr/member/findLoginPw": case "/usr/member/doFindLoginPw": return true; } if (rq.isNotLogined()) { if ( rq.isAjax() ) { rq.json(ResultData.from("F-A", "로그인 후 이용해주세요.")); } else { rq.replace("로그인 후 이용해주세요.", "../member/login?afterLoginUri=" + rq.getEncodedAfterLoginUri()); } return false; } return true; } } ``` 끝으로 긴 포트폴리오를 소중한 시간을 내어주셔서 진심으로 감사합니다.