$$config title: JSP 커뮤니티 사이트 기술서 keywords: - IT - 기술서 $$ # 개요 - 순수 JSP, 서블릿을 사용하여 유사 스프링 구조를 구현 - 스프링이나 부트를 공부하기전 기초를 탄탄히 하려고 시작 - 기존적인 커뮤니티 사이트에 필요한 기능 구현 # 기술스택 ## 개발툴 - STS - XAMPP(마리아 DB 설치용) - SQLYog 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 - 완료 : 2021-09-10 # 구현기능리스트 ## 사용자 ### 회원 - 회원가입 - 로그인 - 로그아웃 - 아이디찾기 - 비밀번호찾기(임시패스워드를 이메일로 발송) - 인터셉터를 통한 권한체크 - NeedLoginInterceptor - NeedLogoutInterceptor - 로그인이 안된 상태에서 로그인이 필요한 페이지로 이동시 - 로그인 후 원래 이동하려면 곳으로 이동 - 로그인 시 페이지 유지 ### 게시물 - 멀티 게시판 - 공지사항게시판 - 저유게시판 - 게시물 검색 - 검색 팝업창 - 게시판 별 검색 - 검색어 타입 - 제목 - 내용 - 제목+내용 - 페이징 - 작성 - 로그인 필요 - 게시판 선택 가능 - 제목, 내용 - 작성 권한체크 - 수정 - 수정 권한체크 - 본인만 수정 가능 - 삭제 - 삭제 권한체크 - 본인만 삭제 가능 ## 관리자 ### 회원 - 관리자로 로그인 하면 관리자 페이지로 접속할 수 있음 - 관리자 페이지 자체는 아직 미구현 ### 게시물 - 관리자 회원은 타인의 글을 삭제할 수 있음 # 기능설명 ## 회원가입화면 ### 개요 - ![](https://i.imgur.com/ONcG5Yr.png) - 이용약관 체크 - 개인정보보호방침 체크 - 로그인아이디 입력 - 로그인비밀번호 입력 - 로그인비밀번호확인 입력 - 이름 입력 - 별명 입력 - 휴대전화번호 입력 - 이메일 입력 - 로그인아이디는 중복체크(ajax) - ![](https://i.imgur.com/gI9HUG8.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; } ``` ## 로그인화면 ## 로그인처리 ## 공통상단 ## 공통하단 ## BeforeActionInterceptor ## NeedLoginInterceptor