$$config title: JSP 커뮤니티 기술서 keywords: - IT - JSP 커뮤니티 기술서 $$ # 개요 # 기능 ## 회원가입 ![이미지](https://i.imgur.com/MXaxe4z.png) ## 소스코드 ### doJoin ```java public class UserMemberController { .... @RequestMapping("/usr/member/doJoin") @ResponseBody public String doJoin(String loginId, String loginPw, String name, String nickname, String cellphoneNo, String email, @RequestParam(defaultValue = "/") String afterLoginUri) { if (Ut.empty(loginId)) { return rq.jshistoryBack("F-1", "loginId(을)를 입력해주세요."); } if (Ut.empty(loginPw)) { return rq.jshistoryBack("F-2", "loginPw(을)를 입력해주세요."); } if (Ut.empty(name)) { return rq.jshistoryBack("F-3", "name(을)를 입력해주세요."); } if (Ut.empty(nickname)) { return rq.jshistoryBack("F-4", "nickname(을)를 입력해주세요."); } if (Ut.empty(cellphoneNo)) { return rq.jshistoryBack("F-5", "cellphoneNo(을)를 입력해주세요."); } if (Ut.empty(email)) { return rq.historyBackJsOnView("F-6", "email(을)를 입력해주세요."); } Member oldMember = memberService.getMemberByLoginId(loginId); if ( oldMember != null) { return rq.jshistoryBack("F-7", String.format("입력하신 로그인아이디(%s) (은)는 이미 사용중입니다.", loginId)); } // S-1 // 회원가입이 완료되었습니다. // Data ResultData joinRd = memberService.join(loginId, loginPw, name, nickname, cellphoneNo, email); if (joinRd.isFail()) { return rq.jshistoryBack(joinRd.getResultCode(), joinRd.getMsg()); } String afterJoinUri = "../member/login?afterLoginUri=" + Ut.getUriEncoded(afterLoginUri); return rq.jsReplace("회원가입이 완료되었습니다. 로그인 후 이용해주세요.", afterJoinUri); } } ``` ## 소스코드(상세) ### Join.jsp - Ajax ```java ``` ## 소스코드(상세) ### MemberService ```java public class MemberService { .... 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-7", Ut.f("해당 로그인아이디(%s)는 이미 사용중입니다.", loginId)); } // 이름+이메일 중복체크 oldmember = getMemberByNameAndEmail(name, email); if ( oldmember != null ) { return ResultData.from("F-8", Ut.f("해당 이름(%s)과 이메일(%s)은 이미 사용중입니다.", name, email)); } memberRepository.join(loginId, loginPw, name, nickname, cellphoneNo, email); int id = memberRepository.getlastInsertId(); return ResultData.from("S-1", "회원가입이 완료되었습니다.", "id", id); } } ``` ## 소스코드(상세) ### MemberRepository ```java @Mapper public interface MemberRepository { @Insert(""" INSERT INTO `member` SET regDate = NOW(), updateDate = NOW(), loginId = #{loginId}, loginPw = #{loginPw}, `name` = #{name}, nickname = #{nickname}, cellphoneNo = #{cellphoneNo}, email = #{email} """) void join(@Param("loginId") String loginId, @Param("loginPw") String loginPw, @Param("name") String name, @Param("nickname") String nickname, @Param("cellphoneNo") String cellphoneNo, @Param("email") String email); ``` ## 가입 실패 ![이미지](https://i.imgur.com/zZuUY1i.png) --- 아이디는 Ajax를 통해 바로 확인할 수 있습니다. 중복확인은 아이디, 닉네임, 이메일이 돼 있으며, 알림 창에서 '확인' 클릭 시 이전 페이지로 돌아갑니다. ## 가입 성공 ![이미지](https://i.imgur.com/uPK4Cum.png) ![이미지](https://i.imgur.com/lpCCi2z.png) --- 중복된 것들이 없으면 정상적으로 회원가입이 완료되며, 알림창이 뜹니다. 알림 창에서 '확인' 버튼을 클릭 시 로그인 페이지로 넘어가게 됩니다. # 로그인/로그아웃 ## 로그인 ![이미지](https://i.imgur.com/1lSgail.png) ![이미지](https://i.imgur.com/IK10VEv.png) ![이미지](https://i.imgur.com/aG0h07K.png) --- 로그인 성공과 로그아웃 시 해당 사용자의 닉네임 표시와 함께 알림 창이 뜨도록 설정하였습니다. ## 소스코드 ### doLogin ```java public class UserMemberController { .... @RequestMapping("/usr/member/doLogin") @ResponseBody public String doLogin(String loginId, String loginPw, @RequestParam(defaultValue = "/") String afterLoginUri) { if (Ut.empty(loginId)) { return rq.jshistoryBack("loginId(을)를 입력해주세요."); } if (Ut.empty(loginPw)) { return rq.jshistoryBack("loginPw(을)를 입력해주세요."); } Member member = memberService.getMemberByLoginId(loginId); if (member == null) { return rq.jshistoryBack("존재하지 않는 로그인아이디 입니다."); } if (member.getLoginPw().equals(loginPw) == false) { return rq.jshistoryBack("비밀번호가 일치하지 않습니다."); } rq.login(member); return rq.jsReplace(Ut.f("%s님 환영합니다.", member.getNickname()), afterLoginUri); } @RequestMapping("/usr/member/doLogout") @ResponseBody public String doLogout(@RequestParam(defaultValue = "/") String afterLogoutUri) { rq.logout(); return rq.jsReplace("로그아웃 되었습니다.", afterLogoutUri); } } ``` ## 소스코드 ### MemberService ```java public Member getMemberByLoginId(String loginId) { return memberRepository.getMemberByLoginId(loginId); } ``` ## 소스코드 ### MemberRepository ```java @Select(""" SELECT * FROM `member` AS M WHERE M.loginId = #{loginId} """) Member getMemberByLoginId(@Param("loginId") String loginId); ``` ## 마이페이지/회원정보 수정 ![이미지](https://i.imgur.com/ibfW398.png) ![이미지](https://i.imgur.com/rL3UpEz.png) ![이미지](https://i.imgur.com/3PmL4XI.png) --- 회원정보 수정하기 전에 보안을 위해 비밀번호를 다시 한 번 더 입력해야 페이지 이동이 가능하게 하였습니다. 비밀번호를 입력 후 다음 페이지를 넘어가게 되면, URL에 authKey가 주어지게 됩니다. ![이미지](https://i.imgur.com/fRx3FF5.png) ## 소스코드 ### MemberController ```java @RequestMapping("/usr/member/myPage") public String showMyPage() { return "usr/member/myPage"; } @RequestMapping("/usr/member/checkPassword") public String showCheckPassword() { return "usr/member/checkPassword"; } @RequestMapping("/usr/member/doCheckPassword") @ResponseBody public String doCheckPassword(String loginPw, String replaceUri) { if (Ut.empty(loginPw)) { return rq.jshistoryBack("loginPw(을)를 입력해주세요."); } if (rq.getLoginedMember().getLoginPw().equals(loginPw) == false) { return rq.jshistoryBack("비밀번호가 일치하지 않습니다."); } if (replaceUri.equals("../member/modify")) { String memberModifyAuthKey = memberService.genMemberModifyAuthKey(rq.getLoginedMemberId()); replaceUri += "?memberModifyAuthKey=" + memberModifyAuthKey; } return rq.jsReplace("", replaceUri); } @RequestMapping("/usr/member/modify") public String showModify(String memberModifyAuthKey) { if ( Ut.empty(memberModifyAuthKey) ) { return rq.historyBackJsOnView("memberModifyAuthKey(이)가 필요합니다."); } ResultData checkMemberModifyAuthKeyRd = memberService.checkMemberModifyAuthKey(rq.getLoginedMemberId(), memberModifyAuthKey); if ( checkMemberModifyAuthKeyRd.isFail() ) { return rq.historyBackJsOnView(checkMemberModifyAuthKeyRd.getMsg()); } return "usr/member/modify"; } @RequestMapping("/usr/member/doModify") @ResponseBody public String doModify(String memberModifyAuthKey, String loginPw, String name, String nickname, String email, String cellphoneNo) { if ( Ut.empty(memberModifyAuthKey) ) { return rq.jshistoryBack("memberModifyAuthKey(이)가 필요합니다."); } ResultData checkMemberModifyAuthKeyRd = memberService.checkMemberModifyAuthKey(rq.getLoginedMemberId(), memberModifyAuthKey); if ( checkMemberModifyAuthKeyRd.isFail() ) { return rq.jshistoryBack(checkMemberModifyAuthKeyRd.getMsg()); } if (Ut.empty(loginPw)) { loginPw = null; } if (Ut.empty(name)) { return rq.jshistoryBack("name(을)를 입력해주세요."); } if (Ut.empty(nickname)) { return rq.jshistoryBack("nickname(을)를 입력해주세요."); } if (Ut.empty(email)) { return rq.jshistoryBack("email(을)를 입력해주세요."); } if (Ut.empty(cellphoneNo)) { return rq.jshistoryBack("cellphoneNo(을)를 입력해주세요."); } ResultData modifyRd = memberService.modify(rq.getLoginedMemberId(), loginPw, name, nickname, email, cellphoneNo); return rq.jsReplace(modifyRd.getMsg(), "/"); } } ``` ## 소스코드 ### MemberService ```java public class MemberService { .... private Member getMemberByNameAndEmail(String name, String email) { return memberRepository.getMemberByNameAndEmail(name, email); } public ResultData modify(int id, String loginPw, String name, String nickname, String email, String cellphoneNo) { memberRepository.modify(id, loginPw, name, nickname, email, cellphoneNo); return ResultData.from("S-1", "회원정보가 수정되었습니다."); } public String genMemberModifyAuthKey(int actorId) { String memberModifyAuthKey = Ut.getTempPassword(10); attrService.setValue("member", actorId, "extra", "memberModifyAuthKey", memberModifyAuthKey, Ut.getDateStrLater(60 * 5)); return memberModifyAuthKey; } public ResultData checkMemberModifyAuthKey(int actorId, String memberModifyAuthKey) { String saved = attrService.getValue("member", actorId, "extra", "memberModifyAuthKey"); if ( !saved.equals(memberModifyAuthKey) ) { return ResultData.from("F-1", "일치하지 않거나 만료되었습니다."); } return ResultData.from("S-1", "정상적인 코드입니다."); } } ``` ## 소스코드 ### MemberRepository ```java public interface MemberRepository { .... @Select(""" """) void modify(int id, String loginPw, String name, String nickname, String email, String cellphoneNo); } ``` ![이미지](https://i.imgur.com/k0xQsP0.png) --- 회원정보 수정이 완료됏다는 알림 창이 뜨면서 '확인' 클릭 시 이전 마이페이지로 이동합니다. 회원정보를 수정하지 않으면 기존 정보가 저장됩니다. ## 게시판 --- - 게시판은 공지사항게시판과 자유게시판 2개가 존재하며, 공지사항 게시판의 경우 관리자만 작성할 수 있게 작업예정입니다. - 게시판의 경우 본인이 작성한 글 이외엔 수정 및 삭제를 할 수 없습니다. - 게시물 작성 카테고리를 따로 만들어 두었고 작성에서 글을 게시할 게시판의 종류를 선택할 수 있습니다. ![이미지](https://i.imgur.com/OtN1zNh.png) ![이미지](https://i.imgur.com/TFHH6IK.png) ![이미지](https://i.imgur.com/QFIb02h.png) ## 소스코드 ### doWrite, showList ```java public class UserArticleController { .... @RequestMapping("/usr/article/doWrite") @ResponseBody public String doWrite(int boardId, String title, String body, String replaceUri) { if (Ut.empty(title)) { return rq.jshistoryBack("title(을)를 입력해주세요."); } if (Ut.empty(body)) { return rq.jshistoryBack("body(을)를 입력해주세요."); } ResultData writeArticleRd = articleService.writeArticle(rq.getLoginedMemberId(), boardId, title, body); int id = writeArticleRd.getData1(); if (Ut.empty(replaceUri)) { replaceUri = Ut.f("../article/detail?id=%d", id); } return rq.jsReplace(Ut.f("%d번 글이 생성되었습니다.", id), replaceUri); } @RequestMapping("/usr/article/list") public String showList(Model model, @RequestParam(defaultValue = "1") int boardId, @RequestParam(defaultValue = "title,body") String searchKeywordTypeCode, @RequestParam(defaultValue = "")String searchKeyword, @RequestParam(defaultValue = "1") int page) { Board board = boardService.getBoardById(boardId); if (board == null) { return rq.historyBackJsOnView(Ut.f("%d번 게시판은 존재하지 않습니다.", boardId)); } int articlesCount = articleService.getArticlesCount(boardId, searchKeywordTypeCode, searchKeyword); int itemsCountInAPage = 10; int PagesCount = (int)Math.ceil((double)articlesCount / itemsCountInAPage); List

articles = articleService.getForPrintArticles(rq.getLoginedMemberId(), boardId, searchKeywordTypeCode, searchKeyword, itemsCountInAPage, page); model.addAttribute("boardId", boardId); model.addAttribute("page", page); model.addAttribute("board", board); model.addAttribute("PagesCount", PagesCount); model.addAttribute("articlesCount", articlesCount); model.addAttribute("articles", articles); return "usr/article/list"; } } ``` ## 소스코드 ### ArticleService ```java public class ArticleService { .... public ResultData writeArticle(int memberId, int boardId, String title, String body) { articleRepository.writeArticle(memberId, boardId, title, body); int id = articleRepository.getlastInsertId(); return ResultData.from("S-1", Ut.f("%d번 게시물이 생성되었습니다.", id), "id", id); } public List

getForPrintArticles(int actorId, int boardId, String searchKeywordTypeCode, String searchKeyword, int itemsCountInAPage, int page) { /* SELECT * FROM article WHERE boardId = 1 ORDER BY id DESC LIMIT 0, 10 */ int limitStart = (page - 1) * itemsCountInAPage; int limitTake = itemsCountInAPage; List

articles = articleRepository.getForPrintArticles(boardId, searchKeywordTypeCode, searchKeyword, limitStart, limitTake); for ( Article article : articles) { updateForPrintData(actorId, article); } return articles; } public Article getForPrintArticle(int actorId, int id) { Article article = articleRepository.getForPrintArticle(id); updateForPrintData(actorId, article); return article; } } ```