$$config title: 스프링부트 커뮤니티 사이트 기술서 keywords: - IT - JAVA - Spring Boot - 기술서 $$ # ? 개요 ## 소개 * 자바와 스프링부트를 기반으로 한 자유게시판 형식의 커뮤니티 사이트 * 커뮤니티 사이트에서 필수적인 게시물 CRUD 기능 구현 * 기본적인 사이트에서 필요한 회원 기능 구현 # ? 리포지터리 주소 * [https://github.com/yuuuuuni/sb_c_2022_1st](https://github.com/yuuuuuni/sb_c_2022_1st) # ? 사용된 기술 ## 버전관리 * GitHub ## 배포 * GitHub ## 개발환경 * Spring Boot * SQLyog * Windows 10 * Chrome * MariaDB * Tomcat * JDK * JSP * Ajax ## 기술스택 * Nginx * MariaDB * Docker * Java * HTML, CSS, JS * Jquery * Tailwind # ? 설계 패턴 * SpringBoot MVC 설계구조 ![https://ifh.cc/g/SfAx5O.jpg](https://ifh.cc/g/SfAx5O.jpg) # ?️ 서버 구조 $$uml !theme mars frame 작업자PC { frame 윈도우10 { frame 크롬 { } } } frame 운영서버머신 { frame CentOS7(public．sbc_yunhee．site,_172．17．0．1) { circle 172．17．0．1――8008 circle 172．17．0．1――443 circle 172．17．0．1――3306 frame 도커 { frame nginx――1 { circle nginx――1――443 } frame mariadb――1 { circle mariadb――1――3306 } frame tomcat――1{ circle tomcat――1――8080 } } } } 크롬 --> "172．17．0．1――443":1． https://site9．public．sbc_yunhee．site 로 접속 "172．17．0．1――443" --> "nginx――1――443" : 2． 외부 443 => nginx__1 내부 443 "nginx――1――443" --> "172．17．0．1――8008" : 3． nginx proxy manager 에 의해 => 외부 8080 "172．17．0．1――8008" --> "tomcat――1――8080" : 4． 외부 8008 => tomcat__1 내부 8080 "tomcat――1――8080" -[#green]-* "172．17．0．1――3306" : 5． DB 쿼리, 내부 8080 => 외부 3306 "172．17．0．1――3306" -[#green]-* "mariadb――1――3306" : 6． 외부 3306 => mariadb__1 내부 3306 $$ # ⚙️ 톰캣 구조 $$uml @startwbs * 톰캣 ** 기본호스트 *** 매니저앱 *** 호스트매니저앱 *** 루트앱 *** docs앱 *** examples앱 ** site9.public.sbc_yunhee.site 호스트 *** 매니저앱 *** 루트앱 ** site10.public.sbc_yunhee.site 호스트 *** 매니저앱 *** 루트앱##1 *** 루트앱##2 @endwbs $$ ## 톰캣 구성 요소 개요 ``` 설명에 앞서, - 기본호스트를 tomcat.public.sbc_yunhee.site로 가정 - 톰캣에 현재 2개의 호스트가 추가된 상황이라고 가정 - site9.public.sbc_yunhee.site - site10.public.sbc_yunhee.site ``` *** ##### 톰캣 * 스프링부트앱을 탑재할 수 있는 컨테이너 * 여러개의 호스트 추가 가능 * 설치 직후에는 기본호스트만 존재 ##### 기본호스트 * 설치 직후에는 기본적으로 5개의 앱을 가짐 (매니저앱, 호스트매니저앱, 루트앱, docs앱, examples앱) ##### 매니저앱 * 각 호스트마다 하나씩 존재 * 자신이 속한 호스트에서 소속된 다른 앱들을 관리하는데 사용 * 원격배포 시에 사용됨 ##### 호스트매니저앱 * 톰캣당 1개씩 존재 * 호스트 추가/삭제 가능 ##### 루트앱 * 호스트명만으로 구성된 URL로 접속했을 때 나오는 앱 * 예를 들어, site9.public.sbc\_yunhee.site 호스트의 루트앱 주소는 https://site9.public.sbc\_yunhee.site임 ##### docs앱 * 톰캣 공식문서가 담겨있는 앱 ##### examples앱 * 톰캣 예제 소스코드가 담겨있는 앱 *** ##### 앱의 URL 구성 * 호스트/앱이름 * 예를 들어, 기본호스트의 docs앱의 URL은 https://tomcat.public.sbc\_yunhee.site/docs임 * 보통 톰캣에 새로운 사이트를 추가할 때, 호스트매니저로 호스트를 추가한 후 해당 호스트안에 루트앱만 추가함 * 도메인이 귀했을 당시에는 하나의 호스트에 여러개의 앱을 넣어서 사용했었지만, 현재는 그렇게 사용하지 않음 * 호스트내에 이름이 같은 앱 존재 불가 * 다만 병렬 배포라고 해서, 버전을 다르게하면 똑같은 앱이 하나의 호스트 내에 여러개 존재 가능 * 이 상황에서는 사용자가 접근했을 때 버전이 더 높은 톰캣 앱을 노출시킴 # ? 배포 구조 ## 배포 중단배포 순서도 * 호스트 : site9.public.sbc\_yunhee.site $$uml !theme toy autonumber box "작업PC" actor 개발자 entity 작업PC end box box "서버" entity 톰캣 entity 호스트의_매니저앱 entity 호스트의_루트앱__v1 end box 개발자 -> 작업PC : tomcat7:redeploy 작업PC -> 작업PC : ROOT##1.war파일 생성(앱 v1) 작업PC -> 톰캣 : war파일 업로드 톰캣 -> 호스트의_매니저앱 : war파일 전달 호스트의_매니저앱 -> 호스트의_루트앱__v1 : 배포버전이 기존과 일치하기 때문에 기존앱 중지 호스트의_루트앱__v1 -> 호스트의_매니저앱 : 중지완료 호스트의_매니저앱 -> 호스트의_루트앱__v1 : 새 war 파일 압축해제하여 다시 앱 실행 개발자 -> 호스트의_루트앱__v1 : 사이트 접속하여 잘 배포되었는지 확인 $$ ## 배포 무중단 배포 순서도(톰캣의 병렬배포기능을 이용한) * 호스트 : site9.public.sbc\_yunhee.site $$uml !theme toy autonumber box "작업PC" actor 개발자 entity 작업PC end box box "서버" entity 톰캣 entity 호스트의_매니저앱 entity 호스트의_루트앱__v1 entity 호스트의_루트앱__v2 end box 개발자 -> 작업PC : tomcat7:redeploy 작업PC -> 작업PC : ROOT##2.war파일 생성(앱 v2) 작업PC -> 톰캣 : war파일 업로드 톰캣 -> 호스트의_매니저앱 : war파일 전달 호스트의_매니저앱 -> 호스트의_루트앱__v2 : 기존의 앱버전(v1)보다 상위버전(v2)이\n들어왔기 때문에 새 앱(v2) 생성 호스트의_매니저앱 -> 호스트의_루트앱__v1 : 더 이상 손님 받지 말고,\n세션개수가 0이 되면 알아서 종료해라. 개발자 -> 호스트의_루트앱__v2 : 사이트 접속하여 잘 배포되었는지 확인 호스트의_루트앱__v1 -> 호스트의_루트앱__v1 : 물려있는 세션의 개수가 0개가 되었습니다.\n저는 그럼 이만 종료하겠습니다. $$ *** # ? 기능 현황 | 기능 | 구현 | 배포 | 테스트 | | --- | --- | --- | --- | | 게시판 페이징 | ❌ | ❌ | ❌ | | 게시글 리스팅 | ✔️ | ✔️ | ✔️ | | 게시글 조회 | ✔️ | ✔️ | ✔️ | | 게시글 작성 | ✔️ | ✔️ | ✔️ | | 게시글 수정 | ✔️ | ✔️ | ✔️ | | 게시글 삭제 | ✔️ | ✔️ | ✔️ | | 게시글 추천 | ❌ | ❌ | ❌ | | 댓글 작성 | ❌ | ❌ | ❌ | | 회원가입 | ❌ | ❌ | ❌ | | 로그인 | ✔️ | ✔️ | ✔️ | | 로그아웃 | ✔️ | ✔️ | ✔️ | | 제목, 내용, 작성자 검색 기능 | ❌ | ❌ | ❌ | # ? 릴리즈 ## 2022-04-04 v0.1 * 게시물 리스팅 * 게시글 상세조회 * 게시글 작성/수정/삭제 * 로그인 * 로그아웃 # ? 요구 사항 ## 요구사항 분석표 | RQ-ID | 화면명 | 요구사항명 | 요구사항내용 | 날짜 | 작성자 | 진행사항 | 버전명 | | ----- | --- | ----- | ------ | --- | --- | ---- | --- | | RQ-001 | 공통 | 상단바 | 네비게이션 관련 메뉴를 구성한다. 좌측 상단에는 로고 버튼이 위치해있으며, 우측 상단에는 홈, 리스트, 로그인 버튼으로 구성되어 있다. 클릭 시, 각 페이지로 이동할 수 있다. | 4/4 | 박윤희 | 반영 | 0.1 | | RQ-002 | 메인 | 가운데 영역 | 메인 화면이 위치해있다. | 4/4 | 박윤희 | 반영 | 0.1 | | RQ-003 | 게시판 리스트 | 가운데 영역 | 유저들의 게시글이 리스트 형식으로 구현되어있다. | 4/4 | 박윤희 | 반영 | 0.1 | | RQ-003 | 게시물 상세 | 가운데 영역 | 유저들의 게시글 제목 클릭 시, 게시글의 상세 내용이 나오도록 구현되어있다. | 4/4 | 박윤희 | 반영 | 0.1 | | RQ-003 | 게시물 상세 | 하단 영역 | 뒤로 갈 수 있는 버튼과 게시물을 수정 및 삭제할 수 있는 수정, 삭제 버튼이 있다. | 4/4 | 박윤희 | 반영 | 0.1 | | RQ-013 | 로그인 | 가운데 영역 | 로그인 폼이 있다. | 4/4 | 박윤희 | 반영 | 0.1 | ## 게시판 * 게시물 리스팅이 가능하다. * 게시글 상세조회가 가능하다. * 로그인 시에만 글 작성이 가능하다. * 본인이 작성한 글에 대해서만 수정/삭제가 가능하다. * 글 삭제 시, 삭제 여부를 한 번 더 묻는 확인 메세지가 나타난다. ## 회원 * 로그인이 가능하다. * 로그아웃이 가능하다. # ? 주요 기능 ## 게시판 * 게시물 리스팅 * 게시글 상세조회 * 게시글 작성/수정/삭제 ## 회원 * 로그인 * 로그아웃 # ? 폴더 구조 * src/main/java : java 소스 디렉터리 * UsrArticleController.java : 게시물 관련 컨트롤러 * UsrHomeController.java : 메인페이지 이동 컨트롤러 * UsrMemberController.java : 회원 관련 컨트롤러 * MyWebMvcConfigurer.java : 인터셉터 등록 및 적용 파일 * BeforeActionInterceptor.java : 핸들러 인터셉터 * NeedLoginInterceptor.java : 로그인 체크 인터셉터 * Ut.java : 메세지 * vo : 객체 모델링 * ResultData.java : 데이터를 4가지 형식에 맞춰 보여주는 메세지(결과코드, 메세지, 데이터명, 데이터) * Rq.java : HttpServletRequest, HttpServletResponse * src/main/resources : 설정 폴더 * application.yml : 설정 파일 * db : 스키마 * src : jsp 페이지 폴더 # ? ERD $$uml @startuml entity Member { ** 회원 테이블 ** ** 소프트딜리트 테이블 ** --- * id 번호, PK * regDate 등록날짜 * updateDate 갱신날짜 --- * delStatus 삭제여부(0=미삭제,1=삭제) delDate 삭제날짜 --- * loginId 로그인아이디 * loginPw 로그인비밀번호 * name 이름 * nickname 별명 * cellphoneNo 휴대전화번호 * email 이메일 --- * authLevel 권한레벨(권한레벨 : 3=일반,7=관리자) } entity Article{ ** 게시물 테이블 ** --- * id 번호, PK * regDate 등록날짜 * updateDate 갱신날짜 --- * memberId 회원번호, FK * boardId 게시판번호, FK --- * title 제목 * body 내용 * goodReactionPoint 좋아요수 * badReactionPoint 싫어요수 * hitCount 조회수 } entity Reply{ ** 댓글 테이블 ** ** 모프테이블 ** --- * id 번호 * regDate 등록날짜 * updateDate 갱신날짜 --- * memberId 회원번호, FK * relTypeCode 관련데이터종류코드, MORPH_FK_TYPE * relId 관련데이터번호, MORPH_FK --- * body 내용 --- * value TEXT expireDate DATETIME } entity Board{ ** 게시판 테이블 ** --- * id 번호, PK * regDate 등록날짜 * updateDate 갱신날짜 --- * code 코드(유니크) * name 이름(유니크) --- * value TEXT expireDate DATETIME } entity ReactionPoint { ** 반응점수 테이블 ** ** 모프테이블 ** --- * id 번호 * regDate 등록날짜 * updateDate 갱신날짜 --- * memberId 회원번호, FK * relTypeCode 관련데이터종류코드, MORPH_FK_TYPE * relId 관련데이터번호, MORPH_FK --- * point 반응점수 } entity Attr{ ** 다용도 영속변수 테이블 ** ** 모프테이블 ** --- * id 번호, PK * regDate 등록날짜 * updateDate 갱신날짜 --- * relTypeCode 관련데이터종류코드, MORPH_FK_TYPE * relId 관련데이터번호, MORPH_FK * typeCode 변수종류타입 * type2Code 변수종류타입2 --- * value TEXT expireDate DATETIME } Attr }o..|| Member Reply }o..|| Article Article }o..|| Member Reply }o..|| Member ReactionPoint }o..|| Member Article }o..|| Board ReactionPoint }o..|| Reply ReactionPoint }o..|| Article @enduml $$ # ?‍? 기능 UI 및 코드 ## ? vo / util > Article.java ```java package com.pyh.exam.demo.vo; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; @Data @NoArgsConstructor @AllArgsConstructor public class Article { private int id; private String regDate; private String updateDate; private int memberId; private String title; private String body; private String extra__writerName; private boolean extra__actorCanDelete; } ``` > Member.java ```java package com.pyh.exam.demo.vo; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; @Data @NoArgsConstructor @AllArgsConstructor public class Member { private int id; private String regDate; private String updateDate; private String loginId; private String loginPw; private int authLevel; private String name; private String nickname; private String cellphoneNo; private String email; private boolean delStatus; private String delDate; } ``` > ResultData.java ```java package com.pyh.exam.demo.vo; import lombok.Getter; public class ResultData

{ @Getter private String resultCode; @Getter private String msg; @Getter private String data1Name; @Getter private DT data1; public static ResultData from(String resultCode, String msg) { return from(resultCode, msg, null, null); } public static

ResultData

from(String resultCode, String msg, String data1Name, DT data1) { ResultData

rd = new ResultData

(); rd.resultCode = resultCode; rd.msg = msg; rd.data1Name = data1Name; rd.data1 = data1; return rd; } public boolean isSuccess() { return resultCode.startsWith("S-"); } public boolean isFail() { return isSuccess() == false; } public static

ResultData

newData(ResultData oldRd, String data1Name, DT data1) { return from(oldRd.getResultCode(), oldRd.getMsg(), data1Name, data1); } } ``` > Rq.java ```java package com.pyh.exam.demo.vo; import java.io.IOException; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import com.pyh.exam.demo.util.Ut; import lombok.Getter; public class Rq { @Getter private boolean isLogined; @Getter private int loginedMemberId; private HttpServletRequest req; private HttpServletResponse resp; private HttpSession session; public Rq(HttpServletRequest req, HttpServletResponse resp) { this.req = req; this.resp = resp; this.session = req.getSession(); boolean isLogined = false; int loginedMemberId = 0; // 로그인 했는지 체크 if(session.getAttribute("loginedMemberId") != null) { isLogined = true; loginedMemberId = (int)session.getAttribute("loginedMemberId"); } this.isLogined = isLogined; this.loginedMemberId = loginedMemberId; } public void printHistoryBackJs(String msg) { resp.setContentType("text/html; charset=UTF-8"); // 한글 안깨지도록 해줌 print(Ut.jsHistoryBack(msg)); } public void print(String str) { try { resp.getWriter().append(str); } catch (IOException e) { e.printStackTrace(); } } public void println(String str) { print(str + "\n"); } public void login(Member member) { session.setAttribute("loginedMemberId", member.getId()); } public void logout() { session.removeAttribute("loginedMemberId"); } public String historyBackJsOnView(String msg) { req.setAttribute("historyBack", true); req.setAttribute("msg", msg); return "common/js"; } } ``` > Ut.java ```java package com.pyh.exam.demo.util; public class Ut { public static boolean empty(Object obj) { if(obj == null) { return true; } if(obj instanceof String == false) { return true; } String str = (String)obj; return str.trim().length() == 0; } public static String f(String format, Object... args) { return String.format(format, args); } public static String jsHistoryBack(String msg) { if(msg == null) { msg = ""; } return Ut.f(""" """, msg); } public static String jsReplace(String msg, String uri) { if(msg == null) { msg = ""; } if(uri == null) { uri = ""; } return Ut.f(""" """, msg, uri); } } ``` ## ? DB ``` # DB 생성 DROP DATABASE IF EXISTS sb_c_2022_1st; CREATE DATABASE sb_c_2022_1st; USE sb_c_2022_1st; # 게시물(article) 테이블 생성 CREATE TABLE article ( id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, # 등록일자 컬럼 추가 updateDate DATETIME NOT NULL, # 수정일자 컬럼 추가 title CHAR(100) NOT NULL, `body` TEXT NOT NULL ); # 게시물 테스트 데이터 생성 INSERT INTO article SET regDate = NOW(), updateDate = NOW(), title = '제목 1', `body` = '내용 1'; INSERT INTO article SET regDate = NOW(), updateDate = NOW(), title = '제목 2', `body` = '내용 2'; INSERT INTO article SET regDate = NOW(), updateDate = NOW(), title = '제목 3', `body` = '내용 3'; # 회원(member) 테이블 생성 CREATE TABLE `member` ( id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, updateDate DATETIME NOT NULL, loginId CHAR(20) NOT NULL, loginPw CHAR(60) NOT NULL, authLevel SMALLINT(2) UNSIGNED DEFAULT 3 COMMENT '권한레벨 (3=일반, 7=관리자)', # 권한레벨 컬럼, COMMENT하고 ''안에 쓸 말을 적어 주석으로 달 수 있음, 3과 7이라는 양수만 사용할 것이므로 UNSIGNED 속성 추가 `name` CHAR(20) NOT NULL, nickname CHAR(20) NOT NULL, cellphoneNo CHAR(20) NOT NULL, email CHAR(50) NOT NULL, delStatus TINYINT(1) UNSIGNED NOT NULL DEFAULT 0 COMMENT '탈퇴여부 (0=탈퇴전, 1=탈퇴)', # 삭제상태 컬럼 delDate DATETIME COMMENT '탈퇴날짜' # 탈퇴날짜 컬럼, 탈퇴를 해야만 생기는 컬럼이므로 탈퇴를 안하면 비어있을 수 있기 때문에 not null로 안해놓음 ); # 회원 테스트 데이터 생성 (관리자 회원) INSERT INTO `member` SET regDate = NOW(), updateDate = NOW(), loginId = 'admin', loginPw = 'admin', authLevel = 7, `name` = '관리자', nickname = '관리자', cellphoneNo = '01011111111', email = 'yuuuuuni930302@gmail.com'; # 회원 테스트 데이터 생성 (일반 회원) INSERT INTO `member` SET regDate = NOW(), updateDate = NOW(), loginId = 'user1', loginPw = 'user1', `name` = '사용자1', nickname = '사용자1', cellphoneNo = '01011111111', email = 'yuuuuuni930302@gmail.com'; INSERT INTO `member` SET regDate = NOW(), updateDate = NOW(), loginId = 'user2', loginPw = 'user2', `name` = '사용자2', nickname = '사용자2', cellphoneNo = '01011111111', email = 'yuuuuuni930302@gmail.com'; # 게시물(article) 테이블에 회원번호 컬럼 추가 ALTER TABLE article ADD COLUMN memberId INT(10) UNSIGNED NOT NULL AFTER updateDate; SELECT * FROM article; # 기존 게시물의 작성자를 2번 회원으로 지정 UPDATE article SET memberId = 2 WHERE memberId = 0; ``` ## ⛔ 인터셉터 > MyWebMvcConfigurer.java ```java package com.pyh.exam.demo.config; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.InterceptorRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; import com.pyh.exam.demo.interceptor.BeforeActionInterceptor; import com.pyh.exam.demo.interceptor.NeedLoginInterceptor; @Configuration public class MyWebMvcConfigurer implements WebMvcConfigurer { // beforeActionInterceptor 인터셉터 불러오기 @Autowired BeforeActionInterceptor beforeActionInterceptor; // needLoginInterceptor 인터셉터 불러오기 @Autowired NeedLoginInterceptor needLoginInterceptor; // 인터셉터 적용 @Override public void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(beforeActionInterceptor) .addPathPatterns("/**") .excludePathPatterns("/resource/**") .excludePathPatterns("/error"); // needLoginInterceptor 인터셉터 적용 registry.addInterceptor(needLoginInterceptor) .addPathPatterns("/usr/article/write") .addPathPatterns("/usr/article/doWrite") .addPathPatterns("/usr/article/modify") .addPathPatterns("/usr/article/doModify") .addPathPatterns("/usr/article/doDelete"); } } ``` > BeforeActionInterceptor.java ```java package com.pyh.exam.demo.interceptor; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Component; import org.springframework.web.servlet.HandlerInterceptor; import com.pyh.exam.demo.vo.Rq; @Component public class BeforeActionInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest req, HttpServletResponse resp, Object handler) throws Exception { Rq rq = new Rq(req, resp); req.setAttribute("rq", rq); return HandlerInterceptor.super.preHandle(req, resp, handler); } } ``` > NeedLoginInterceptor.java ```java package com.pyh.exam.demo.interceptor; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Component; import org.springframework.web.servlet.HandlerInterceptor; import com.pyh.exam.demo.util.Ut; import com.pyh.exam.demo.vo.Rq; @Component public class NeedLoginInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest req, HttpServletResponse resp, Object handler) throws Exception { Rq rq = (Rq)req.getAttribute("rq"); if(!rq.isLogined()) { rq.printHistoryBackJs("로그인 후 이용해주세요."); return false; } return HandlerInterceptor.super.preHandle(req, resp, handler); } } ``` ## ? 공통 상단 및 하단 ### 화면 ![image](https://cdn.jsdelivr.net/gh/yuuuuuni/static_img/docs/common-top.PNG) ### 코드 > head.jspf ```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}

로고

홈
리스트

로그인

로그아웃

${pageTitle}페이지

``` > foot.jspf ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

``` ## ? 메인 홈 ### 화면 * 로그아웃 시 ![image](https://i.esdrop.com/d/f/xlFA8SxdVr/VBFOmAP7eN.png) * 로그인 시 ![image](https://i.esdrop.com/d/f/xlFA8SxdVr/svR2Z31iBY.png) ### 코드 > UsrHomeController.java ```java package com.pyh.exam.demo.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; @Controller public class UsrHomeController { @RequestMapping("/usr/home/main") public String showMain() { return "usr/home/main"; } @RequestMapping("/") public String showRoot() { return "redirect:/usr/home/main"; } } ``` > main.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="../common/head.jspf"%>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis dolorum impedit id error rem laboriosam quod totam accusamus. Alias necessitatibus nisi fugit natus aspernatur reiciendis soluta. Sapiente cumque dignissimos dolor.

<%@ include file="../common/foot.jspf"%> ``` ## ? 게시판 리스트 ### 화면 ![image](https://i.esdrop.com/d/f/xlFA8SxdVr/gRLPqGeu1x.png) ### 코드 > UsrArticleController.java ```java public String showList(HttpServletRequest req, Model model) { // JSP를 사용하려면 리턴타입을 String으로 바꾸고 @ResponseBody는 지워줘야함 Rq rq = (Rq)req.getAttribute("rq"); List

articles = articleService.getForPrintArticles(rq.getLoginedMemberId()); model.addAttribute("articles", articles); // 이름이 "articles"이고 값이 articles인 속성을 추가하겠다. return "usr/article/list"; } ``` > ArticleService.java ```java public List

getForPrintArticles(int actorId) { // 출력용 게시물들을 얻음. 나중에 게시물을 작성한 회원과 로그인한 회원이 맞는지를 비교하기 위해 actorId를 매개변수로 받아줌 List

articles = articleRepository.getForPrintArticles(); for(Article article : articles) { updateForPrintData(actorId, article); } return articles; } ``` > ArticleRepository.java ```java @Select(""" SELECT A.*, M.nickname AS extra__writerName FROM article AS A LEFT JOIN member AS M ON A.memberId = M.id ORDER BY id DESC """) public List

getForPrintArticles(); ``` > list.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="../common/head.jspf"%>

번호	작성날짜	수정날짜	작성자	제목
${article.id}	${article.regDate.substring(2, 16)}	${article.updateDate.substring(2, 16)}	${article.extra__writerName}	${article.title}

<%@ include file="../common/foot.jspf"%> ``` ## ? 게시글 상세조회 ### 화면 ![image](https://i.esdrop.com/d/f/xlFA8SxdVr/3Go3dtEH3R.png) ### 코드 > UsrArticleController.java ```java @RequestMapping("/usr/article/detail") public String showDetail(HttpServletRequest req, Model model, int id) { Rq rq = (Rq)req.getAttribute("rq"); Article article = articleService.getForPrintArticle(rq.getLoginedMemberId(), id); model.addAttribute("article", article); return "usr/article/detail"; } ``` > ArticleService.java ```java public Article getForPrintArticle(int actorId, int id) { // 출력용 게시물을 얻음. 위와 같은 이유로 actorId 추가 (부가적인 정보를 얻기 위해 actorId가 필요) Article article = articleRepository.getForPrintArticle(id); updateForPrintData(actorId, article); return article; } ``` > ArticleRepository.java ```java @Select(""" SELECT A.*, M.nickname AS extra__writerName FROM article AS A LEFT JOIN member AS M ON A.memberId = M.id WHERE A.id = #{id} """) public Article getForPrintArticle(@Param("id") int id); ``` > detail.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="../common/head.jspf"%>

번호	${article.id}
작성날짜	${article.regDate.substring(2, 16)}
수정날짜	${article.updateDate.substring(2, 16)}
작성자	${article.extra__writerName}
제목	${article.title}
내용	${article.body}

게시물 수정 게시물 삭제

<%@ include file="../common/foot.jspf"%> ``` ## ? 게시글 작성/수정/삭제 ### 화면 #### 삭제 * 본인이 작성한 글만 삭제 버튼이 보여짐 ![image](https://cdn.jsdelivr.net/gh/yuuuuuni/static_img/docs/article-delete2.PNG) ### 코드 #### 삭제 > UsrArticleController.java ```java @RequestMapping("/usr/article/doDelete") @ResponseBody public String doDelete(HttpServletRequest req, int id) { Rq rq = (Rq)req.getAttribute("rq"); Article article = articleService.getForPrintArticle(rq.getLoginedMemberId(), id); // 가져온 게시물이 비어있는 경우 (첫번째로, 비어있는지 부터 확인) if (article == null) { return Ut.jsHistoryBack(Ut.f("%d번 게시물이 존재하지 않습니다.", id)); } // 글 작성자의 번호와 로그인한 회원의 번호가 일치하는지 여부 (그 다음, 두번째로 확인) if(article.getMemberId() != rq.getLoginedMemberId()) { return Ut.jsHistoryBack("삭제 권한이 없습니다."); } articleService.deleteArticle(id); return Ut.jsReplace(Ut.f("%d번 게시물을 삭제하였습니다.", id), "../article/list"); } ``` > ArticleService.java ```java public Article getForPrintArticle(int actorId, int id) { Article article = articleRepository.getForPrintArticle(id); updateForPrintData(actorId, article); return article; } public void deleteArticle(int id) { articleRepository.deleteArticle(id); } ``` > ArticleRepository.java ```java @Select(""" SELECT A.*, M.nickname AS extra__writerName FROM article AS A LEFT JOIN member AS M ON A.memberId = M.id WHERE A.id = #{id} """) public Article getForPrintArticle(@Param("id") int id); ``` > ArticleRepository.xml ```xml DELETE FROM article WHERE id = #{id} ``` ## ? 로그인 ### 화면 ![image](https://i.esdrop.com/d/f/xlFA8SxdVr/ApI8BWKOqh.png) --- ![image](https://cdn.jsdelivr.net/gh/yuuuuuni/static_img/docs/login-success.PNG) ### 코드 > UsrMemberController.java ```java @RequestMapping("/usr/member/login") public String showLogin() { return "usr/member/login"; } @RequestMapping("/usr/member/doLogin") @ResponseBody public String doLogin(HttpServletRequest req, String loginId, String loginPw) { Rq rq = (Rq)req.getAttribute("rq"); if(rq.isLogined()) { return Ut.jsHistoryBack("이미 로그인 된 상태입니다."); } if(Ut.empty(loginId)) { return Ut.jsHistoryBack("loginId(을)를 입력해주세요."); } if(Ut.empty(loginPw)) { return Ut.jsHistoryBack("loginPw(을)를 입력해주세요."); } Member member = memberService.getMemberByLoginId(loginId); // 브라우저에서 입력된 loginId에 대한 회원 정보가 없는 경우 if(member == null) { return Ut.jsHistoryBack("존재하지 않는 로그인아이디 입니다."); } // 입력된 loginId에 대한 회원 정보는 있지만 그 값(member)의 비밀번호가 브라우저에서 입력된 비밀번호(loginPw)와 같지 않은 경우 if(member.getLoginPw().equals(loginPw) == false) { return Ut.jsHistoryBack("비밀번호가 일치하지 않습니다."); } // 여기서부터는 로그인 성공 rq.login(member); return Ut.jsReplace(Ut.f("%s님 환영합니다.", member.getNickname()), "/"); // 정상적으로 로그인이 되면 메인 페이지로 가도록 uri를 "/"로 지정 } ``` > MemberService.java ```java public Member getMemberByLoginId(String loginId) { return memberRepository.getMemberByLoginId(loginId); } ``` > MemberRepository.java ```java @Select(""" SELECT * FROM `member` AS M WHERE M.loginId = #{loginId} """) Member getMemberByLoginId(@Param("loginId") String loginId); ``` > login.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="../common/head.jspf"%>

로그인아이디
로그인비밀번호
로그인

<%@ include file="../common/foot.jspf"%> ``` ## ? 로그아웃 ### 화면 ![image](https://cdn.jsdelivr.net/gh/yuuuuuni/static_img/docs/logout.PNG) ### 코드 > UsrMemberController.java ```java @RequestMapping("/usr/member/doLogout") @ResponseBody public String doLogout(HttpServletRequest req) { Rq rq = (Rq)req.getAttribute("rq"); if(!rq.isLogined()) { return Ut.jsHistoryBack("이미 로그아웃 상태입니다."); } // 여기서부터는 로그아웃 성공 rq.logout(); return Ut.jsReplace("로그아웃 되었습니다.", "/"); } ``` *** # 이상 스프링부트 커뮤니티 사이트 기술서를 읽어주셔서 감사합니다.