$$config title: 자바 개발지식 공유 커뮤니티 사이트 기술 설명서 keywords: - IT - 기술설명서 - SpringBoot $$ # ? 개요 - 개발관련 지식 공유 --- # ? 원격 저장소 - [깃허브 리포지터리 바로가기](https://github.com/rlaalsrbaa/springBoot_my) # ? 사용된 기술 ## 버전관리 ``` - ?‍ Github ``` --- ## 배포환경 ``` ?️ - GitHub - Tomcat - Docker ``` --- ## 개발환경 ``` ?️ - SpringBoot - SQLyog - Windows 10 - Chrome - MariaDB - Windows 11 - Tomcat - JSP ``` ## 서비스환경 ``` ?️ - Nginx - MariaDB - Docker ``` --- ## 기술 스택 ``` ?️ - STS - MariaDB - HTML, CSS, JS - Jquery - Tailwindcss - DaisyUI - JSP ``` --- ## ⚙️설계패턴 - SpringBoot MVC 설계구조 ![https://ifh.cc/g/SfAx5O.jpg](https://ifh.cc/g/SfAx5O.jpg) --- ## ?서버 구조 $$uml !theme mars frame 작업자PC { frame Windows11 { frame Chrome { } } } frame 운영서버머신 { frame CentOS7(public．ming99．site,_172．17．0．1) { circle 172．17．0．1――8008 circle 172．17．0．1――443 circle 172．17．0．1――3306 frame Docker { frame Nginx――1 { circle Nginx――1――443 } frame Mariadb――1 { circle Mariadb――1――3306 } frame ming99 { circle ming99――8008 } frame ming99――test { } } } } Chrome --> "172．17．0．1――443":1． https://java．ming99．site 로 접속 "172．17．0．1――443" --> "Nginx――1――443" : 2． 외부 443 => Nginx 내부 443 "Nginx――1――443" --> "172．17．0．1――8008" : 3． Nginx Proxy Manager 에 의해 => 외부 8008 "172．17．0．1――8008" --> "ming99――8008" : 4． 외부 8008 => ming99 내부 8008 "ming99――8008" -[#green]-* "172．17．0．1――3306" : 5． DB 쿼리, 내부 8008 => 외부 3306 "172．17．0．1――3306" -[#green]-* "Mariadb――1――3306" : 6． 외부 3306 => Mariadb__1 내부 3306 $$ ## 톰캣 구조도 $$uml @startwbs * 톰캣 ** 기본호스트 *** 매니저앱 *** 호스트매니저앱 *** 루트앱 *** docs앱 *** examples앱 ** java.ming99.site 호스트 *** 매니저앱 *** 루트앱 ** java2.ming99.site 호스트 *** 매니저앱 *** 루트앱##1 *** 루트앱##2 @endwbs $$ ## 톰캣 구성요소 개요 ```javascript - 설명에 앞서 - 기본호스트를 tomcat.public.ming99.site 으로 가정한다. - 톰캣에 현재 2개의 호스트가 추가된 상황이라고 가정한다. - java.ming99.site - java2.ming99.site ``` - 톰캣 : 스프링부트앱을 탑재할 수 있는 컨테이너, 여러개의 호스트를 추가할 수 있고, 설치직후에는 기본호스트만 존재한다. - 기본호스트 : 설치직후에는 기본적으로 5개의 앱을 가지고 있다. - 매니저앱 : 각 호스트마다 하나씩 존재, 자신이 속한 호스트에서 소속된 다른 앱들을 관리하는데 사용된다. 원격배포시에 사용된다. - 호스트매니저앱 : 톰캣당 1개씩 존재, 호스트룰 추가, 삭제할 수 있다. - docs앱 : 톰캣공식문서가 담겨있는 앱 - examples앱 : 톰캣예제소스코드가 담겨있는 앱 - 앱의 URL 구성 : 호스트/앱이름, 예를들어 기본호스트의 docs앱의 URL은 : https://tomcat.public.ming99.site/docs 이다. - 루트앱 : 호스트명만으로 구성된 URL로 접속했을 때 나오는 앱, 예를들어 java.ming99.site 호스트의 루트앱 주소는 https://java.ming99.site 이다. - 보통 톰캣에 새로운 사이트를 추가할 때, 호스트매니저로 호스트를 추가한 후, 해당 호스트안에 루트앱만 추가한다. - 예전에 도메인이 귀할 때는, 하나의 호스트에 여러개의 앱을 넣어서 사용했었지만, 현재는 그렇지 않다. - 호스트내에 이름이 같은 앱은 존재할 수 없다. - 다만 병렬배포라고 해서, 버전을 달리하면 똑같은 앱이 하나의 호스트내에 여러개 존재할 수 있다. - 이 상황에서는 사용자가 접근했을 때 톰캣이 버전이 높은 앱을 노출시킨다. ## 배포 중단배포 순서도 - 호스트 : java.ming99.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 : 사이트 접속하여 잘 배포되었는지 확인 $$ # 배포 무중단배포 순서도(톰캣의 병렬배포기능을 이용한) - 호스트 : java.ming99.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저는 그럼 이만 종료하겠습니다. $$ --- # DB정보 ## 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 $$ ## SQL ```sql DROP DATABASE IF EXISTS sb_test; CREATE DATABASE sb_test; USE sb_test_production; # 게시물 테이블 생성 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 memberId INT(10) UNSIGNED NOT NULL AFTER `updateDate` hitCount INT(10) UNSIGNED NOT NULL DEFAULT 0; goodReactionPoint INT(10) UNSIGNED NOT NULL DEFAULT 0; badReactionPoint INT(10) UNSIGNED NOT NULL DEFAULT 0; ); # 회원 테이블 생성 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=관리자)', `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 '탈퇴날짜' ); # 게시판 테이블 생성 CREATE TABLE board ( id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, updateDate DATETIME NOT NULL, `code` CHAR(50) NOT NULL UNIQUE COMMENT 'notice(공지사항),free(자유게시판1),tip&Tech(팁&테크),...', `name` CHAR(50) NOT NULL UNIQUE COMMENT '게시판 이름', delStatus TINYINT(1) UNSIGNED NOT NULL DEFAULT 0 COMMENT '삭제여부(0=탈퇴전,1=탈퇴)', delDate DATETIME COMMENT '삭제날짜' boardId INT(10) UNSIGNED NOT NULL AFTER memberId; );- # 리액션포인트 테이블 CREATE TABLE reactionPoint ( id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, updateDate DATETIME NOT NULL, memberId INT(10) UNSIGNED NOT NULL, relTypeCode CHAR(30) NOT NULL COMMENT '관련데이터타입코드', relId INT(10) UNSIGNED NOT NULL COMMENT '관련데이터번호', `point` SMALLINT(2) NOT NULL ); # 리액션포인트 테이블 CREATE TABLE reply ( id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, updateDate DATETIME NOT NULL, memberId INT(10) UNSIGNED NOT NULL, relTypeCode CHAR(30) NOT NULL COMMENT '관련데이터타입코드', relId INT(10) UNSIGNED NOT NULL COMMENT '관련데이터번호', `body` TEXT NOT NULL goodReactionPoint INT(10) UNSIGNED NOT NULL DEFAULT 0; badReactionPoint INT(10) UNSIGNED NOT NULL DEFAULT 0; ); # 댓글 테이블에 인덱스 걸기 ALTER TABLE `reply` ADD INDEX (`relTypeCode` , `relId`); # 부가정보테이블 # 댓글 테이블 추가 CREATE TABLE attr ( id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, updateDate DATETIME NOT NULL, `relTypeCode` CHAR(20) NOT NULL, `relId` INT(10) UNSIGNED NOT NULL, `typeCode` CHAR(30) NOT NULL, `type2Code` CHAR(70) NOT NULL, `value` TEXT NOT NULL ); # attr 유니크 인덱스 걸기 ## 중복변수 생성금지 ## 변수찾는 속도 최적화 ALTER TABLE `attr` ADD UNIQUE INDEX (`relTypeCode`, `relId`, `typeCode`, `type2Code`); ## 특정 조건을 만족하는 회원 또는 게시물(기타 데이터)를 빠르게 찾기 위해서 ALTER TABLE `attr` ADD INDEX (`relTypeCode`, `typeCode`, `type2Code`); # attr에 만료날짜 추가 ALTER TABLE `attr` ADD COLUMN `expireDate` DATETIME NULL AFTER `value`; ``` --- ?주요 폴더 및 파일 - UsrArticleController : 메뉴 리스트 - UsrHomeController : 실행 - UsrMemberController : 회원 - UsrReactionPointController : 관심도 - UsrReplyController : 댓글 - favicon.ico : 파비콘 - application.yml : 설정 - head.jsp : 모든 의존성 적용 - Ut.java : 메세지 - Vo.java : 객체 모델링 - ResultData.java : 데이터 메세지 - Rq.java : HttpServletRequest, HttpServletResponse, Ajax - NeedLoginInterceptor.java : 로그인 체크 - NeedLogoutInterceptor.java : 로그아웃 체크 - BeforeActionInterceptor.java : 핸들러 --- ## 기능 현황 | 기능| 구현 | 배포| 테스트 | | --- | -- | --- | --- | | 게시판 페이징 | ✔️ | ✔️ | ✔️ | | 게시글 좋아요,싫어요 | ✔️ | ✔️ | ✔️ | | 제목, 내용 검색 | ✔️ | ✔️ | ✔️ | | 댓글 작성 | ✔️ | ✔️ | ✔️ | | 사진 업로드 | ✔️ | ✔️ | ✔️ | | 데이지UI 지원 | ✔️ | ✔️ | ✔️ | | 글 수정, 삭제 | ✔️ | ✔️ | ✔️ | | 글 작성 | ✔️ | ✔️ | ✔️ | | 자유게시판 | ✔️ | ✔️ | ✔️ | | 공지사항 게시판 | ✔️ | ✔️ | ✔️ | | 팁앤테크 게시판 | ✔️ | ✔️ | ✔️ | | 비밀번호 변경 | ✔️ | ✔️ | ✔️ | | 회원가입 | ✔️ | ✔️ | ✔️ | --- ## Release ### 2022-03-28 v0.01 - 회원가입 - 로그인 - 로그아웃 - 게시글 리스팅 - 게시글 리스팅 페이징 - 게시글 종아요, 싫어요 - 게시글에 댓글 작성 가능 - 댓글 삭제 가능. - 댓글 수정 가능. - 게시글의 제목, 내용, 제목+내용 키워드 검색이 가능. - 글 작성 사진 업로드 기능 --- # ? 요구사항 ## 요구사항 분석표 | RQ-ID | 화면명 | 요구사항명| 요구사항내용 | 날짜 | 작성자 | 진행사항 | 버전명 | | --- | -- | --- | --- | --- | -- | --- | --- | | RQ-001 | 공통 | 상단 메뉴 구성 | 네비게이션 관련 메뉴를 구성한다. 게시판과 홈 화면으로 이동 및 로그인, 회원가입, 프로필등 다양한 메뉴가 있다. | 3/28 | 김민규 | 반영 | v0.01 | | RQ-003 | 메인 화면 | 가운데 영역 | 공지사항과 자유, 팁앤테크 게시판이 있다. | 3/28 | 김민규 | 반영 | v0.01 | | RQ-004 | 게시판 | 가운데 영역 | 해당 게시판의 게시글의 리스트가 있다. - 글 10개씩 1페이지.(아래) | 3/28 | 김민규 | 반영 | v0.01 | | RQ-005 | 게시판 | 가운데 영역 | 검색바가 있다. - 게시글 리스트 바로 위 | 3/28 | 김민규 | 반영 | v0.01 | | RQ-006 | 게시판 | 가운데 영역 | 글 작성 버튼이 있다. - 검색바 오른쪽 위 | 3/28 | 김민규 | 반영 | v0.01 | | RQ-007 | 게시글 | 가운데 영역 | 위에서부터 게시판 링크, 게시글 제목, 내용 | 3/28 | 김민규 | 반영 | v0.01 | | RQ-008 | 게시글 | 가운데 영역 | 게시글 내용 최 하단 중앙에 추천 버튼이 있다. - 비동기 처리방식 | 3/28 | 김민규 | 반영 | v0.01 | | RQ-009 | 게시글 | 가운데 영역 | 게시글 박스 아래에 댓글이 있다. 댓글 밑에 댓글 작성 폼이 있다. | 3/28 | 김민규 | 반영 | v0.01 | | RQ-010 | 게시글 | 가운데 영역 | 댓글 작성 폼 아래에 게시글 리스트가 있다. - 페이지는 현재 보고있는 게시글이 해당하는 페이지이며 보고있는 게시글은 강조됐다. | 3/28 | 김민규 | 반영 | v0.01 | | RQ-011 | 로그인 화면 | 가운데 영역 | 로그인 폼이 있다.| 3/28 | 김민규 | 반영 | v0.01 | ## 회원 - 회원가입이 가능하다. - 프로필 페이지가 있다. - 회원정보 수정이 가능하다. ## 글쓰기 - 로그인한 회원은 글 쓰기가 가능하다 - 본인이 작성한 글은 수정과 삭제가 가능하다 - 사진 업로드가 가능하다. - 마크다운 에디터 지원 ## 검색 - 게시물을 제목, 내용, 제목+내용 세 가지 조건으로 검색이 가능하다 ## 추천 - 게시글에 대한 좋아요와 싫어요가 가능하다 ## 댓글 - 게시글에 댓글 작성이 가능하다 - 본인이 작성한 댓글은 삭제및 수정이 가능하다 --- # ⚙️ 기능 ## 회원 - 회원가입 - 로그인 - 로그아웃 - 프로필 - 비밀번호 변경 ## 게시판 - 게시글 리스팅 - 게시글 리스팅 페이징 - 게시글 좋아요. 싫어요. ## 댓글 - 게시글에 댓글 작성 - 댓글 삭제 - 댓글 수정 ## 검색 - 게시글의 제목 및 내용, 제목+내용 키워드 검색. --- # ? 기술설명 ## 메인 화면 ![sb_main](https://user-images.githubusercontent.com/85653591/161171564-b2f9b0be-f361-409a-ae76-82b6ee6671df.PNG) ```html # src/main/webapp/WEB-INF/jsp/usr/home/main.jsp <%@ 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"%>

${tipAndTechBoard.name }게시판

${article.title}

${article.goodReactionPoint}

${freeBoard.name }게시판

${article.title}

${article.goodReactionPoint}

${noticeBoard.name }게시판

${article.title}

${article.goodReactionPoint}

<%@ include file="../common/foot.jspf"%> ``` ## 회원가입 $$uml @startuml start repeat :회원가입 폼 작성; :회원가입 시도; backward :메세지 출력 "올바른 정보를 입력해주세요."; repeat while (유효성 체크) is (No) not (Yes) :메세지 출력 "회원가입이 완료되었습니다. 로그인 후 이용해주세요."; stop @enduml $$ ![sb_join](https://user-images.githubusercontent.com/85653591/161171568-00746f4c-bd4c-4d93-b5e6-5f0a58d40957.PNG) ```html # src/main/webapp/WEB-INF/jsp/usr/member/join.jsp <%@ 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"%> ``` ## 회원정보 수정 ![sb_member_modify](https://user-images.githubusercontent.com/85653591/161171907-265376e4-eb21-42cf-98e9-b550479ae01e.PNG) ```html # src/main/webapp/WEB-INF/jsp/usr/member/modify.jsp <%@ 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"%>

로그인아이디	${rq.loginedMember.loginId}
새 로그인비밀번호
새 로그인비밀번호 확인
이름
별명
이메일
휴대전화번호
회원정보수정

<%@ include file="../common/foot.jspf"%> ``` ## 게시글 작성 ![sb_article_write](https://user-images.githubusercontent.com/85653591/161172229-f048875e-0b91-4fe3-950e-9bb37988dca2.PNG) ```html # src/main/webapp/WEB-INF/jsp/usr/article/write.jsp <%@ 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/toastUiEditorLib.jspf"%>

작성자	${rq.loginedMember.nickname}
게시판
제목
내용
작성

<%@ include file="../common/foot.jspf"%> ``` ## 게시글 수정 ![sb_article_modify](https://user-images.githubusercontent.com/85653591/161172387-7eb0eda1-12d8-4a32-9a68-da67dbd9899a.PNG) ```html # src/main/webapp/WEB-INF/jsp/usr/article/modify.jsp <%@ 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/toastUiEditorLib.jspf"%>

번호	${article.id}
작성날짜	${article.forPrintType2RegDate}
수정날짜	${article.forPrintType2UpdateDate}
작성자	${article.extra__writerName}
조회	${article.hitCount}
추천	${article.goodReactionPoint}
제목
내용
수정

게시물 상세페이지 게시물 수정 게시물 삭제

<%@ include file="../common/foot.jspf"%> ``` ## 게시글 삭제 ```java src/main/java/com/kmg/exam/demo/controller/UsrArticleController.java @RequestMapping("/usr/article/doDelete") @ResponseBody public String doDelete(int id) { Article article = articleService.getForPrintArticle(rq.getLoginedMemberId(), id); if (article.getMemberId() != rq.getLoginedMemberId()) { return rq.jsHistoryBack("권한이 없습니다."); } if (article == null) { rq.jsHistoryBack(Ut.f("%d번 게시물이 존재하지 않습니다.", id)); } articleService.deleteArticle(id); return Ut.jsReplace(Ut.f("%d번 게시물을 삭제하였습니다.", id), "../article/list"); } ``` ## 댓글 작성 ![sb_reply_wrtie](https://user-images.githubusercontent.com/85653591/161172712-d2b88ff6-eaae-4870-a56f-25a5221e74de.PNG) ```java src/main/java/com/kmg/exam/demo/controller/UsrReplyController.java @RequestMapping("/usr/reply/doWrite") @ResponseBody public String doWrite(String relTypeCode, int relId, String body, String replaceUri) { if (Ut.empty(relTypeCode)) { return rq.jsHistoryBack("relTypeCode(을)를 입력해주세요."); } if (Ut.empty(relId)) { return rq.jsHistoryBack("relId(을)를 입력해주세요."); } if (Ut.empty(body)) { return rq.jsHistoryBack("body(을)를 입력해주세요."); } ResultData writeReplyRd = replyService.writeReply(rq.getLoginedMemberId(), relTypeCode, relId, body); int id = writeReplyRd.getData1(); if (Ut.empty(replaceUri)) { switch (relTypeCode) { case "article": replaceUri = Ut.f("../article/detail?id=%d", relId); break; } } return rq.jsReplace(writeReplyRd.getMsg(), replaceUri); } ``` ## 게시글 리스트 ![sb_listpage](https://user-images.githubusercontent.com/85653591/161456917-6e2b9a52-9cbb-4973-ab28-05fb267c413c.PNG) ```java # src/main/webapp/WEB-INF/jsp/usr/article/list.jsp <%@ 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"%>

게시물 개수 : ${articlesCount} 개

번호	작성날짜	수정날짜	조회	추천	작성자	제목
${article.id}	${article.forPrintType1RegDate}	${article.forPrintType1UpdateDate}	${article.hitCount}	${article.goodReactionPoint}	${article.extra__writerName}	${article.title}

<%@ include file="../common/foot.jspf"%> ``` ## 게시글 상세 페이지 ![sb_detailpage](https://user-images.githubusercontent.com/85653591/161457142-268ed225-8251-434b-9159-bb53fc32459d.PNG) ```java <%@ 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/toastUiEditorLib.jspf"%>

번호	${article.id}
작성날짜	${article.forPrintType2RegDate}
수정날짜	${article.forPrintType2UpdateDate}
작성자	${article.extra__writerName}
조회	${article.hitCount}
추천	${article.goodReactionPoint} 좋아요 ? 싫어요 ? 좋아요 ? 싫어요 ? 좋아요 ? 싫어요 ?
제목	${article.title}
내용

뒤로가기 게시물 수정 게시물 삭제

댓글 작성

작성자	${rq.loginedMember.nickname}
내용
댓글작성

로그인 후 이용해주세요.

댓글 리스트(${replies.size()})

번호	작성날짜	수정날짜	추천	작성자	비고	내용
${reply.id}	${reply.forPrintType1RegDate}	${reply.forPrintType1UpdateDate}	${reply.goodReactionPoint}	${reply.extra__writerName}	수정 삭제	${reply.forPrintBody}

<%@ include file="../common/foot.jspf"%>``` ---