$$config title: Spring Boot 기술서 keywords: - JAVA - Spring Boot - MVC - 기술서 $$ --- - [소스코드](https://github.com/kkk125504/SB_AM_1) - [벨로그](https://velog.io/@kkk125504) ### 개요 및 목적 - 명상 라이프를 즐기는 사람들의 자유로운 커뮤니티 활동을 위해 제작 - 명상 경험을 토대로 방법 공유 ### 목차 - 개발 환경 - 동작 과정 - 기능 설명 - 회원 - 회원가입 - 로그인 - 로그아웃 - 아이디 찾기 - 비밀번호 찾기 - 마이페이지 / 회원정보 수정 - 게시물 - 리스트 - 상세보기 - 게시글 작성 - 게시글 삭제 - 게시글 수정 - 조회수 - 좋아요 / 싫어요 - 댓글 작성 - 댓글 삭제 - 댓글 수정 - 댓글의 답글 작성 - 댓글의 답글 삭제 - 관리자 - 회원 관리 - 게시물 / 회원 통계 --- #### 개발 환경 - 형성 관리: Git, GitHUB - 기술 스택 - Tomcat10 - Servlet / JSP - JDK 1.8 - JDBC - MariaDB - jQuery - Lodash - Mybatis - Ajax - JavaScript - Tailwind - 개발 툴 - STS 4 - SQLYog Community Edition - Maven - Git, GitHUB - Visual Studio Code - Chrome --- #### 동작 과정 --- #### 기능 설명 ##### 메인 페이지 ![원본이미지]() --- ##### 회원 관련 기능 --- **회원가입** ![회원가입](https://velog.velcdn.com/images/kkk125504/post/49242117-cb89-42a2-9b91-a7a6b65ce035/image.png) UsrMemberController.java ```java @RequestMapping("/usr/member/join") public String showJoin() { return "usr/member/join"; } ``` - /usr/member/join 요청이 오면 회원가입 페이지로 이동 join.jsp ```java let submitJoinFormDone = false; let validLoginId = ""; function submitJoinForm(form) { if (submitJoinFormDone) { alert('처리중입니다'); return; } form.loginId.value = form.loginId.value.trim(); if (form.loginId.value == 0) { alert('아이디를 입력해주세요'); form.loginId.focus(); return; } if (form.loginId.value != validLoginId) { alert('사용할 수 없는 아이디입니다!'); form.loginId.focus(); return; } form.loginPw.value = form.loginPw.value.trim(); if (form.loginPw.value == 0) { alert('비밀번호를 입력해주세요'); form.loginPw.focus(); return; } form.loginPwConfirm.value = form.loginPwConfirm.value.trim(); if (form.loginPwConfirm.value == 0) { alert('비밀번호 확인을 입력해주세요'); form.loginPwConfirm.focus(); return; } if (form.loginPwConfirm.value != form.loginPw.value) { alert('비밀번호가 일치하지 않습니다'); form.loginPw.focus(); return; } form.name.value = form.name.value.trim(); if (form.name.value == 0) { alert('이름을 입력해주세요'); form.name.focus(); return; } form.nickname.value = form.nickname.value.trim(); if (form.nickname.value == 0) { alert('닉네임을 입력해주세요'); form.nickname.focus(); return; } form.email.value = form.email.value.trim(); if (form.email.value == 0) { alert('이메일을 입력해주세요'); form.email.focus(); return; } form.cellphoneNum.value = form.cellphoneNum.value.trim(); if (form.cellphoneNum.value == 0) { alert('전화번호를 입력해주세요'); form.cellphoneNum.focus(); return; } submitJoinFormDone = true; form.submit(); } ``` - 회원가입 페이지에서 필수 입력정보의 데이터들이 공백인지 체크 - 비밀번호와 비밀번호 확인이 일치하는지 체크 - ![회원가입 공백입력시 알림창](https://velog.velcdn.com/images/kkk125504/post/da7938a4-d15d-43f3-8471-3a81c451316a/image.png) ```java function checkLoginIdDup(el) { const form = $(el).closest('form').get(0); if (form.loginId.value.length == 0) { validLoginId = ''; return; } if (validLoginId == form.loginId.value){ return; } $('.loginId-msg').html('

확인중...

'); $.get('../member/getLoginIdDup', { loginId : form.loginId.value, ajaxMode : 'Y' }, function(data) { if (data.success) { $('.loginId-msg').html('

' + data.msg + '

'); validLoginId = data.data1; } else { $('.loginId-msg').html('

' + data.msg + '

'); validLoginId = ''; } if (data.resultCode == 'F-B'){ alert(data.msg); location.replace('/'); } }, 'json'); } // Lodash를 사용하여 Ajax메소드 실행 const checkLoginIdDupDebounced = _.debounce(checkLoginIdDup,1000); ``` - Ajax를 통해 로그인 아이디 중복체크 - Lodash를 통해 아이디 입력 1초 후 Ajax 메소드 실행 - ![로그인 아이디 Ajax 통신](https://velog.velcdn.com/images/kkk125504/post/1aa747b2-e0eb-4a2a-9ef4-81343341c3df/image.png) ```java

아이디
비밀번호
비밀번호 확인
이름
닉네임
전화번호
이메일

```` - 회원가입 버튼 클릭시 입력된 데이터와 함게 MemberController의 doJoin메소드로 이동 MemberController ```java // 회원 가입 처리 @RequestMapping("usr/member/doJoin") @ResponseBody public String doJoin(String loginId, String loginPw, String name, String nickname, String cellphoneNum, String email, @RequestParam(defaultValue = "/") String afterLoginUri) { // Ut.empty()를 통해 데이터 유무 확인 if (Ut.empty(loginId)) { return rq.jsHistoryBack("F-1", "아이디를 입력해주세요"); } if (Ut.empty(loginPw)) { return rq.jsHistoryBack("F-2", "비밀번호를 입력 해주세요."); } if (Ut.empty(name)) { return rq.jsHistoryBack("F-3", "이름을 입력 해주세요."); } if (Ut.empty(nickname)) { return rq.jsHistoryBack("F-4", "닉네임 입력 해주세요."); } if (Ut.empty(cellphoneNum)) { return rq.jsHistoryBack("F-5", "전화번호를 입력 해주세요."); } if (Ut.empty(email)) { return rq.jsHistoryBack("F-6", "이메일을 입력 해주세요."); } // service측에 데이터를 전달 ResultData joinRd = memberService.doJoin(loginId, loginPw, name, nickname, cellphoneNum, email); // 회원가입 실패시 메세지와 함께 회원가입 페이지로 이동 if (joinRd.isFail()) { return rq.jsHistoryBack(joinRd.getResultCode(), joinRd.getMsg()); } // 회원 가입 후 로그인 페이지 이동 String afterJoinUri = "../member/login?afterLoginUri=" + Ut.getUriEncoded(afterLoginUri); return rq.jsReplace("회원가입이 완료되었습니다. 로그인 후 이용해주세요", afterJoinUri); } ``` - memberService의 doJoin메소드로 데이터를 전달하여 회원가입 수행 - 회원가입 성공시 로그인 페이지로 이동 - 이동시 회원가입 이전 페이지의 정보와 함께 이동하여 회원가입,로그인 후 회원 가입 이전페이지로 이동 ```java @RequestMapping("/usr/member/getLoginIdDup") @ResponseBody public ResultData getLoginIdDup(String loginId) { if (Ut.empty(loginId)) { return ResultData.from("F-A", "아이디를 입력해주세요"); } Member exsistMember = memberService.getMemberByLoginId(loginId); if (exsistMember != null) { return ResultData.from("F-A2", "이미 사용중인 아이디입니다.", "loginId", loginId); } return ResultData.from("S-1", "사용 가능한 아이디 입니다.", "loginId", loginId); } ``` - Ajax로 비동기 통신을 통해 로그인 아이디 중복체크를 위한 메소드 MemberService.java ```java // 회원 가입 수행 결과 반환 public ResultData doJoin(String loginId, String loginPw, String name, String nickname, String cellphoneNum, String email) { // 로그인 아이디 중복체크 Member existsMember = getMemberByLoginId(loginId); if (existsMember != null) { return ResultData.from("F-7", Ut.f("중복되는 아이디(%s)가 있습니다", loginId)); } // 이름과 이메일 중복 체크 existsMember = getMemberByNameAndEmail(name, email); if (existsMember != null) { return ResultData.from("F-8", Ut.f("중복되는 이름(%s)과 이메일(%s)이 있습니다", name, email)); } // 전달 받은 비밀번호 암호화 loginPw = Ut.sha256(loginPw); // 리포지터리로 데이터 전달 memberRepository.doJoin(loginId, loginPw, name, nickname, cellphoneNum, email); int id = memberRepository.getLastInsertId(); return ResultData.from("S-1", Ut.f("%s님 회원가입 성공", nickname), "id", id); } // 로그인 아이디로 회원 정보를 불러오는 메소드 public Member getMemberByLoginId(String loginId) { Member member = memberRepository.getMemberByLoginId(loginId); return member; } // 이메일와 이름으로 회원 정보를 불러오는 메소드 public Member getMemberByNameAndEmail(String name, String email) { Member member = memberRepository.getMemberByNameAndEmail(name, email); return member; } ``` - getMemberByLoginId, getMemberByNameAndEmail로 이름과이메일, 아이디가 중복되는 회원있는지 체크 - 리포지터리로 데이터를 전달 하되 비밀번호는 Ut.sha256메소드를 통해 암호화하여 전달 MemberRepository.xml ```java // 회원 가입 INSERT INTO `member` SET regDate = NOW(), updateDate = NOW(), loginId = #{loginId}, loginPw = #{loginPw}, `name` = #{name}, nickname = #{nickname}, cellphoneNum = #{cellphoneNum}, email = #{email}; // 회원 번호로 회원 조회 // 로그인 아이디로 회원 조회 // 이메일와 이름으로 회원 조회 ``` - DB에 회원정보를 업데이트 --- **로그인** UsrMemberController.java ```java @RequestMapping("usr/member/login") public String showLogin() { return "usr/member/login"; } ``` - usr/member/login 요청이 들어오면 login.jsp로 이동 login.jsp ```java

아이디
비밀번호

	아이디 찾기 비밀번호 찾기

``` - 로그인 버튼 클릭시 아이디,비밀번호와 함께 MemberController의 doJoin메소드로 이동 - 아이디찾기, 비밀번호 찾기시 각각 해당하는 Controller의 메소드로 이동 MemberController ``` // 로그인 처리 @RequestMapping("usr/member/doLogin") @ResponseBody public String doLogin(String loginId, String loginPw, @RequestParam(defaultValue = "/") String afterLoginUri) { if (Ut.empty(loginId)) { return Ut.jsHistoryBack("아이디를 입력 해주세요."); } if (Ut.empty(loginPw)) { return Ut.jsHistoryBack("비밀번호를 입력 해주세요."); } // 입력받은 loginId에 해당하는 회원데이터를 가져옴 Member member = memberService.getMemberByLoginId(loginId); // 해당 회원데이터가 존재하지 않는다면 메세지와 함께 로그인페이지로 이동 if (member == null) { return Ut.jsHistoryBack(Ut.f("해당하는 아이디(%s)를 찾을수 없습니다.", loginId)); } // 입력받은 비밀번호와 가져온 회원데이터의 비밀번호가 일치하는지 확인 if (member.getLoginPw().equals(Ut.sha256(loginPw)) == false) { return Ut.jsHistoryBack("비밀번호가 일치하지 않습니다."); } // 탈퇴된 회원, 정지된회원 인지 확인 if (member.isDelStatus() == true) { return Ut.jsHistoryBack("정지된 회원이거나 탈퇴한 회원 입니다."); } // 로그인 rq.login(member); // 로그인 후 로그인 하기전 페이지로 이동 return Ut.jsReplace(Ut.f("%s님 환영합니다.", member.getName()), afterLoginUri); } ``` - 탈퇴된 회원이거나 정지된 회원이면 메세지와 함께 로그인페이지로 이동 - rq를 통해 세션에 회원데이터를 저장 - Ut.jsReplace메소드를 통해 로그인 후 로그인 하기전 페이지로 이동 --- **로그아웃** UsrMemberController ```java // 로그아웃 처리 @RequestMapping("usr/member/doLogout") @ResponseBody public String doLogout(@RequestParam(defaultValue = "/") String afterLogoutUri) { // 로그인 여부 확인 if (rq.isLogined() == false) { return Ut.jsHistoryBack("로그아웃 상태 입니다."); } // rq를 통해 세션에 회원데이터를 삭제 rq.logout(); // 로그아웃 후 로그아웃 하기전 페이지로 이동 return Ut.jsReplace("로그아웃 했습니다.", afterLogoutUri); } ``` - 로그아웃 상태에서 로그아웃 요청시 상태메세지를 보여줌 - 로그아웃시 메세지와 함께 로그아웃 전 페이지로 이동 --- **아이디 찾기** UsrMemberController ```java @RequestMapping("usr/member/findLoginId") public String showFindLoginId() { return "usr/member/findLoginId"; } ``` - usr/member/findLoginId의 요청이오면 findLoginId.jsp로 이동 findLoginId.jsp ```java ``` - 프론트에서 1차로 입력한 데이터 공백 체크 ```java

이름
이메일

	로그인 비밀번호 찾기

``` - 아아디 찾기 버튼 클릭시 입력받은 데이터와 함께 UsrMemberController의 doFindLoginId메소드로 이동 UsrMemberController ```java // 아이디 찾기 처리 @RequestMapping("usr/member/doFindLoginId") @ResponseBody public String doFindLoginId(String name, String email, @RequestParam(defaultValue = "/") String afterFindLoginIdUri) { // 이름과 이메일로 회원 조회 Member member = memberService.getMemberByNameAndEmail(name, email); // 해당하는 회원 데이터가 없을시 if (member == null) { return Ut.jsHistoryBack("존재하지 않는 이름 또는 이메일입니다"); } return Ut.jsReplace(Ut.f("회원님의 아이디는 [ %s ] 입니다", member.getLoginId()), afterFindLoginIdUri); } ``` - 아이디 찾기 페이지에서 전달 받은 이름과 이메일에 해당하는 회원 조회 - DB에 해당하는 회원이 존재한다면 메세지창에 아이디를 보여줌 - 아이디 찾기에 성공 했다면 로그인 페이지로 이동 - 전달받은 이름과 이메일에 해당하는 회원이 없을시 메세지를 보여줌 -- **비밀번호 찾기** UserMemberControll ```java @RequestMapping("usr/member/findLoginPw") public String showFindLoginPw() { return "usr/member/findLoginPw"; } ``` - usr/member/findLoginPw의 요청이오면 findLogindPw.jsp로 이동 findLoginPw.jsp ```java ``` - 비밀번호 찾기 페이지에서 데이터 공백체크 ```java

아이디
이메일

	로그인 비밀번호 찾기

``` - 비밀번호 찾기 버튼 클릭시 입력받은 데이터와 함께 MemberController의 doFindLoginPw메소드로 이동 UsrMemberController ```java // 비밀번호 찾기 처리 @RequestMapping("usr/member/doFindLoginPw") @ResponseBody public String doFindLoginPw(String loginId, String email, @RequestParam(defaultValue = "/") String afterFindLoginPwUri) { // 입력받은 아이디에 해당하는 회원정보를 가져옴 Member member = memberService.getMemberByLoginId(loginId); // 입력받은 아이디에 해당하는 회원이 없을시 if (member == null) { return Ut.jsHistoryBack("일치하는 회원이 없습니다"); } // 해당 회원정보의 이메일과 입력받은 이메일이 일치하는지 확인 if (member.getEmail().equals(email) == false) { return Ut.jsHistoryBack("이메일이 일치하지 않습니다"); } // 이메일로 임시 비밀번호 전송 ResultData notifyTempLoginPwByEmailRd = memberService.notifyTempLoginPwByEmailRd(member); return Ut.jsReplace(notifyTempLoginPwByEmailRd.getMsg(), afterFindLoginPwUri); } ``` - 아이디와 이메일을 통해 비밀번호 찾기 수행 - MemberService의 getMemberByLoginId 메소드에 이메일과 아이디를 전달하여 회원데이터를 가져옴 - 입력받은 아이디에 해당하는 회원데이터가 없거나, 입력받은 이메일과 일치하지 않는경우 재입력 받기 위해 비밀번호 찾기 페이지로 이동 - 비밀번호 찾기 성공시 이메일로 임시 비밀번호 전송 후 로그인 페이지로 이동 MemberService ```java // 임시 비밀번호 발송 처리 public ResultData notifyTempLoginPwByEmailRd(Member actor) { // 메일의 제목 String title = "[" + siteName + "] 임시 패스워드 발송"; // 무작위 6자리의 임시 비밀번호 String tempPassword = Ut.getTempPassword(6); // 메일 내용 String body = "

임시 패스워드 : " + tempPassword + "

"; body += "로그인 하러가기"; // 메일 발송 ResultData sendResultData = mailService.send(actor.getEmail(), title, body); // 메일 발송 실패시 if (sendResultData.isFail()) { return sendResultData; } // DB에 저장된 비밀번호를 임시 비밀번호로 변경 setTempPassword(actor, tempPassword); return ResultData.from("S-1", "계정의 이메일주소로 임시 패스워드가 발송되었습니다."); } ``` - Ut.getTempPassword메소드로 무작위 6자리의 임시 비밀번호 생성 - 임시 비밀번호를 mailService의 send메소드를 통해 발송 - 메일 발송 후 setTempPassword메소드를 통해 DB에 저장된 기존 비밀번호를 임시 비밀번호로 변경 Ut.getTempPassword ```java public static String getTempPassword(int length) { int index = 0; char[] charArr = new char[] { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z' }; StringBuffer sb = new StringBuffer(); for (int i = 0; i < length; i++) { index = (int) (charArr.length * Math.random()); sb.append(charArr[index]); } return sb.toString(); } ``` mailService.send ```java public ResultData send(String email, String title, String body) { MailHandler mail; try { mail = new MailHandler(sender); mail.setFrom(emailFrom.replaceAll(" ", ""), emailFromName); mail.setTo(email); mail.setSubject(title); mail.setText(body); mail.send(); } catch (Exception e) { e.printStackTrace(); return ResultData.from("F-1", "메일 발송 실패하였습니다."); } return ResultData.from("S-1", "메일이 발송되었습니다."); } ``` --- **마이페이지 / 회원정보 수정** UsrMemberController ```java @RequestMapping("/usr/member/myPage") public String showMyPage() { return "usr/member/myPage"; } ``` - /usr/member/myPage의 요청이 오면 myPage.jsp로 이동 myPage.jsp ```java

가입일	${rq.loginedMember.regDate }
아이디	${rq.loginedMember.loginId }
이름	${rq.loginedMember.name }
닉네임0	${rq.loginedMember.nickname }
전화번호	${rq.loginedMember.cellphoneNum }
이메일	${rq.loginedMember.email }
	회원정보 수정

``` - 로그인된 회원의 정보를 보여줌 - 회원정보 수정 버튼 클릭시 보안을 위해 비밀번호를 확인하는 MemberController의 showCheckPassword메소드로 이동 MemberController ```java @RequestMapping("/usr/member/checkPassword") public String showCheckPassword() { return "usr/member/checkPassword"; } ``` - /usr/member/checkPassword의 요청이오면 checkPassword.jsp로 이동 checkPassword.jsp ```java

``` - 확인 버튼 클릭시 입력된 비밀번호와 함께 MemberController의 doCheckPassword메소드로 이동 MemberController ```java @RequestMapping("/usr/member/doCheckPassword") @ResponseBody public String doCheckPassword(String loginPw, String replaceUri) { if (Ut.empty(loginPw)) { return rq.jsHistoryBack("비밀번호를 입력하세요."); } if (rq.getLoginedMember().getLoginPw().equals(Ut.sha256(loginPw)) == false) { return rq.jsHistoryBack("비밀번호가 일치하지 않습니다."); } // 회원정보 수정 인증키 생성 if (replaceUri.equals("../member/modify")) { String memberModifyAuthKey = memberService.genMemberModifyAuthKey(rq.getLoginedMemberId()); replaceUri += "?memberModifyAuthKey=" + memberModifyAuthKey; } return rq.jsReplace("비밀번호 확인", replaceUri); } ``` - 비밀번호 체크 과정 없이 URL로 직접 회원수정 접근을 막기위해 인증키 생성 - 비밀번호 체크 통과 시 인증키와 함께 MemberController의 showModify메소드로 이동 MemberController ```java @RequestMapping("/usr/member/modify") public String showModify(String memberModifyAuthKey) { // 인증키가 없을시 if (Ut.empty(memberModifyAuthKey)) { return rq.jsHistoryBackOnView("인증코드가 없거나 만료 되었습니다."); } // 인증키 확인 ResultData checkMemberModifyAuthKeyRd = memberService.checkMemberModifyAuthKey(rq.getLoginedMemberId(), memberModifyAuthKey); // 인증 실패시 if (checkMemberModifyAuthKeyRd.isFail()) { return rq.jsHistoryBackOnView(checkMemberModifyAuthKeyRd.getMsg()); } return "usr/member/modify"; } ``` - 수정페이지로 이동전에 인증키가 없이 접근시 돌려보냄 - 인증키가 있으나 DB에 저장된 인증키와 일치하지 않는경우 돌려보냄 - 인증키가 일치하면 modify.jsp로 이동 modify.jsp ```java ``` - 입력한 데이터 값이 공백일 경우 체크 - 비밀번호 수정 버튼 클릭시 새 비밀번호와 새 비밀번호 확인 입력창을 생성 ```java

``` - 회원 정보 수정 클릭시 수정할 데이터, 인증키와 함께 MemberController의 doModify메소드로 이동 MemberController ```java @RequestMapping("/usr/member/doModify") @ResponseBody public String doModify(String loginPw, String nickname, String cellphoneNum, String email, String memberModifyAuthKey) { if (Ut.empty(memberModifyAuthKey)) { return rq.jsHistoryBackOnView("인증코드가 없거나 만료 되었습니다."); } ResultData checkMemberModifyAuthKeyRd = memberService.checkMemberModifyAuthKey(rq.getLoginedMemberId(), memberModifyAuthKey); if (checkMemberModifyAuthKeyRd.isFail()) { return rq.jsHistoryBackOnView(checkMemberModifyAuthKeyRd.getMsg()); } // 회원 정보 수정 ResultData modifyRd = memberService.modify(rq.getLoginedMemberId(), loginPw, nickname, cellphoneNum, email); return rq.jsReplace(modifyRd.getMsg(), "/"); } ``` - 인증키 체크 - 인증키 실패시 실패 메세지와 함께 뒤로가기 수행 - memberService.modify메소드로 데이터를 전달하여 회원정보 수정 수행 MemberService ```java public ResultData modify(int actorId, String loginPw, String nickname, String cellphoneNum, String email) { if(loginPw != null) { loginPw = Ut.sha256(loginPw); } memberRepository.modify(actorId, loginPw, nickname, cellphoneNum, email); return ResultData.from("S-1", "회원정보가 수정 되었습니다."); } ``` - Ut.sha256메소드를 통해 전달받은 비밀번호를 암호화 - DB에 회원데이터 수정을 위해 repository로 데이터 전달 MemberRepsository.xml ```java UPDATE `member` updateDate =NOW() ,loginPw = #{loginPw} ,nickname = #{nickname} ,cellphoneNum = #{cellphoneNum} ,email = #{email} WHERE id = #{actorId} ``` - DB에 회원정보 업데이트 **게시물 관련 기능** list.jsp ```java

총 게시물 갯수 : ${articlesCount } 개

글쓰기

번호	날짜	제목	작성자	조회수
TOP3	${article.forPrintType1RegDate}	${article.title} [${article.extra__replyCount}]	${article.extra__writer}	${article.hitCount}
${article.id }	${article.forPrintType1RegDate}	?︎ 비밀글 입니다. [${article.extra__replyCount}] ?︎ 비밀글 입니다. ${article.title} [${article.extra__replyCount}]	${article.extra__writer}	${article.hitCount}

``` - 제목 클릭시 해당 게시물의 상세페이지로 이동 - 페이지당 보여지는 게시물의 갯수를 10개,20개씩 선택하여 리스팅 - 맨 첫 페이지버튼와 맨 끝 페이지버튼은 항상 나오도록 구성 - 가독성을 높이기 위해 일정 범위가 지나면 처음과 끝 페이지 사이에 ... 박스 구성 UsrArticleController ```java @RequestMapping("usr/article/list") public String showList(Model model, @RequestParam(defaultValue = "1") int boardId, @RequestParam(defaultValue = "title,body") String searchKeywordType, @RequestParam(defaultValue = "") String searchKeyword, @RequestParam(defaultValue = "1") int page, @RequestParam(defaultValue = "10") int itemsInAPage) { Board board = boardService.getBoardById(boardId); if (board == null) { return rq.jsHistoryBackOnView("존재하지 않는 게시판 입니다."); } // 조회된 게시물의 갯수를 구함 int articlesCount = articleService.getArticlesCount(boardId, searchKeywordType, searchKeyword); // 조회된 게시물의 총 페이지 수를 구함 int pagesCount = (int) (Math.ceil((double) articlesCount / itemsInAPage)); // 보여줄 게시물 목록을 가져옴 List

articles = articleService.getForPrintArticles(rq.getLoginedMemberId(), boardId, page, itemsInAPage, searchKeywordType, searchKeyword); // 조회수가 많은 게시물 목록을 가져옴 List

bestArticles = articleService.getForPrintBestArticles(boardId); if(bestArticles.isEmpty() == false) { model.addAttribute("bestArticles", bestArticles); } model.addAttribute("articles", articles); model.addAttribute("board", board); model.addAttribute("page", page); model.addAttribute("articlesCount", articlesCount); model.addAttribute("pagesCount", pagesCount); return "usr/article/list"; } ``` - 검색어에 해당하는 데이터로 게시글 갯수, 목록을 구함 - 검색된 게시물의 총 페이지 갯수를 구함 - model에 구한 값을 추가 ArticleService ```java public List

getForPrintArticles(int actorId, int boardId, int page, int itemsInAPage, String searchKeywordType, String searchKeyword) { int limitStart = (page - 1) * itemsInAPage; int limitTake = itemsInAPage; List

articles = articleRepository.getForPrintArticles(boardId, limitStart, limitTake, searchKeywordType, searchKeyword); for (Article article : articles) { updateArticle(actorId, article); } return articles; } ``` - 검색어, 게시판아이디, 페이지로 조회된 게시물의 목록을 가져옴 ```java public List

getForPrintBestArticles(int boardId) { return articleRepository.getForPrintBestArticles(boardId); } ``` - 조회수가 가장 많은 게시물의 목록을 가져옴 ```java public int getArticlesCount(int boardId, String searchKeywordType, String searchKeyword) { return articleRepository.getArticlesCount(boardId, searchKeywordType, searchKeyword); } ``` - 조회된 게시물의 갯수를 가져옴 ```java public ResultData actorCanModify(int actorId, Article article) { if (article == null) { return ResultData.from("F-1", "해당 게시물이 존재하지 않습니다"); } if (actorId != article.getMemberId()) { return ResultData.from("F-2", "해당 게시물에 대한 수정 권한이 없습니다."); } return ResultData.from("S-1", "수정 가능 합니다."); } private ResultData actorCanDelete(int actorId, Article article) { if (article == null) { return ResultData.from("F-1", "해당 게시물이 존재하지 않습니다"); } if (actorId != article.getMemberId()) { return ResultData.from("F-2", "해당 게시물에 대한 삭제 권한이 없습니다."); } return ResultData.from("S-1", "삭제 가능 합니다."); } ``` - 게시글에 대한 수정,삭제 권한을 체크 ArticleRepository.xml ```java ``` - 검색타입과 검색어, 게시판아이디에 해당하는 게시물들 DB에서 추출 ```java ```` - ```java ``` ```

가입일	${rq.loginedMember.regDate }
수정일	${rq.loginedMember.updateDate }
아이디	${rq.loginedMember.id }
비밀번호 변경
이름	${rq.loginedMember.name }
닉네임
전화번호
이메일