온라인 마크다운 PPT 서비스! 피피토

$$config title: PPTOR 기술서 keywords: - IT - 기술서 $$ # 개요 - [pptor.io](https://pptor.io) - [피피토 깃허브 리포지터리](https://github.com/dnlwjtud/pptor) - 온라인 마크다운 PPT 서비스 - 쉽고 간편하게 PPT를 만들 수 있도록 제작 # 기술스택 ## 개발툴 - IntelliJ IDEA Community Edition - XAMPP - SQLYog Community Edition ## 백엔드 기술 - Java 11+ - Spring Boot - Spring Data JPA - Spring Security - ThymeLeaf - TOMCAT - NGINX - AWS(UBUNTU) ## 프론트 기술 - HTML - CSS - JavaScript - jQuery - TailWind - WEB SLIDES ## 관리 - GIT # 기간 - 시작 : 2021-07-31 - 완료 : 2021-09-09 # 구현기능리스트 ## 사용자 ### 회원 - 회원가입 - 로그인 - 로그아웃 - 비밀번호찾기(임시패스워드를 이메일로 발송) - 로그인이 안된 상태에서 로그인이 필요한 페이지로 이동시 - 로그인 후 원래 이동하려면 곳으로 이동 - 회원정보수정 - 회원 탈퇴 - 회원 조회 ### 게시물 - 게시물 작성 - 게시물 삭제 - 게시물 수정 - 게시물 조회 ## 관리자 ### 회원 - 회원 강제 탈퇴 - 회원 블라인드 - 회원 등급 변경 - 회원 목록, 검색 ### 게시물 - 게시물 삭제 - 게시물 블라인드 - 전체 게시물 리스트 ### 게시판 - 게시판 리스팅 - 게시판 수정 - 게시판 삭제 - 게시판 생성 ## 마이페이지 ### 팔로우 - 팔로우 - 팔로우 조회 - 언팔로우 ### 게시글 - 게시글 조회 - 게시글 생성 - 게시글 삭제 - 게시글 수정 - 게시글 리스팅 ### 즐겨찾기 - 즐겨찾기 추가 - 즐겨찾기 삭제 ## 게시판 - 게시판별 게시글 조회 - 회원이 볼 수있는 게시판 리스트 ## 에러페이지 - 개별 페이지 구성 # 기능설명 ## 회원가입 ### 회원가입 화면 ![](https://imgur.com/v7OpWuI.png) ### 소스코드 MemberSaveForm.java ```java package com.team2.pptor.domain.Member; import lombok.Data; import javax.validation.constraints.NotBlank; @Data public class MemberSaveForm { @NotBlank private String loginId; @NotBlank private String loginPw; @NotBlank private String name; @NotBlank private String nickName; @NotBlank private String email; } ``` join.html ```html 온라인 마크다운 PPT 서비스! 피피토 | 회원가입

회원가입 온라인 마크다운 PPT 서비스, 피피토

중복확인

아이디 입력

비밀번호 입력

이름 입력

중복확인

닉네임 입력

중복확인

이메일 입력

로그인| 취소

``` memberJoin.js ```javascript let token = $("meta[name='_csrf']").attr("content"); let header = $("meta[name='_csrf_header']").attr("content"); let isCheckedLoginIdDuple = false; let isCheckedLoginPwdDuple = false; let isCheckedEmailDuple = false; let isCheckedNickDuple = false; function checkConfirmStatus() { let confirmBtn = $('#sign-in-btn'); if ( isCheckedLoginIdDuple && isCheckedLoginPwdDuple && isCheckedEmailDuple && isCheckedNickDuple ) { if ( confirmBtn.hasClass('bg-gray-700') ) { confirmBtn.removeClass('bg-gray-700'); confirmBtn.addClass('bg-black'); confirmBtn.prop("disabled", false); } } else if ( !isCheckedLoginIdDuple || !isCheckedLoginPwdDuple || !isCheckedEmailDuple || !isCheckedNickDuple ) { if ( confirmBtn.hasClass('bg-black') ) { confirmBtn.removeClass('bg-black'); confirmBtn.addClass('bg-gray-700'); confirmBtn.prop("disabled", true); } } } function checkPwd() { let inputtedPwd = $('.pwd-form').val(); let repeatedPwd = $('#pwd-check').val(); let inputtedPwdBox = $('.pwd-form'); let repeatedPwdBox = $('#pwd-check'); if ( repeatedPwd == "" && (inputtedPwd != repeatedPwd || inputtedPwd == repeatedPwd)) { inputtedPwdBox.addClass('border-custom-red'); repeatedPwdBox.addClass('border-custom-red'); checkConfirmStatus(); } else if ( inputtedPwd == repeatedPwd ) { if ( repeatedPwdBox.hasClass('border-custom-red') || inputtedPwdBox.hasClass('border-custom-red') ) { repeatedPwdBox.removeClass('border-custom-red'); inputtedPwdBox.removeClass('border-custom-red'); repeatedPwdBox.addClass('border-custom-blue'); inputtedPwdBox.addClass('border-custom-blue'); isCheckedLoginPwdDuple = true; checkConfirmStatus(); } } else if ( repeatedPwd != inputtedPwd ) { if ( repeatedPwdBox.hasClass('border-custom-red') || inputtedPwdBox.hasClass('border-custom-red') ) { isCheckedLoginPwdDuple = false; checkConfirmStatus(); } else if ( repeatedPwdBox.hasClass('border-custom-blue') && inputtedPwdBox.hasClass('border-custom-blue') ) { repeatedPwdBox.removeClass('border-custom-blue'); inputtedPwdBox.removeClass('border-custom-blue'); repeatedPwdBox.addClass('border-custom-red'); inputtedPwdBox.addClass('border-custom-red'); isCheckedLoginPwdDuple = false; checkConfirmStatus(); } } } function checkNickname() { let nickname = $('#nickname').val(); $.ajax({ beforeSend : function(xhr) { xhr.setRequestHeader(header, token); }, url: "/api/members/check/nick/" + nickname, type: "POST", contentType: "application/json", dataType : "text", data : JSON.stringify(nickname), success : (result) => { if ( result === 'true' ) { isCheckedNickDuple = false; checkConfirmStatus(); $('.nickname_error-1').css("display","inline-block"); $('.nickname_error-2').css("display","none"); return; } else if ( result === 'false' ) { isCheckedNickDuple = true; checkConfirmStatus(); $('.nickname_error-1').css("display","none"); $('.nickname_error-2').css("display","inline-block"); return; } }, error : (data) => { console.log("닉네임 중복 확인에 실패하였습니다."); location.reload(); } }); } function checkId(){ let loginId = $('#loginId').val(); $.ajax({ beforeSend : function(xhr) { xhr.setRequestHeader(header, token); }, url: "/api/members/check/id/" + loginId, type: "POST", contentType: "application/json", dataType : "text", data : JSON.stringify(loginId), success : (result) => { if ( result === 'true' ) { isCheckedLoginIdDuple = false; checkConfirmStatus(); $('.id_error-1').css("display","inline-block"); $('.id_error-2').css("display","none"); return; } else if ( result === 'false' ) { isCheckedLoginIdDuple = true; checkConfirmStatus(); $('.id_error-1').css("display","none"); $('.id_error-2').css("display","inline-block"); return; } }, error : (data) => { console.log("아이디 중복 확인에 실패하였습니다."); location.reload(); } }); }; function checkEmail(){ let email = $('#email').val(); $.ajax({ beforeSend : function(xhr) { xhr.setRequestHeader(header, token); }, url: "/api/members/check/email/" + email, type: "POST", contentType: "application/json", dataType : "text", data : JSON.stringify(email), success : (result) => { if ( result === 'true' ) { isCheckedEmailDuple = false; checkConfirmStatus(); $('.email_error-1').css("display","inline-block"); $('.email_error-2').css("display","none"); return; } else if ( result === 'false' ) { isCheckedEmailDuple = true; checkConfirmStatus(); $('.email_error-1').css("display","none"); $('.email_error-2').css("display","inline-block"); return; } }, error : (data) => { console.log("이메일 중복 확인에 실패하였습니다."); location.reload(); } }); }; ``` - AJAX - 아이디 중복확인 - 이메일 중복확인 - 비밀번호 확인 - 회원가입 - 중복확인 - 에러메세지 구현 ## 로그인 ![](https://imgur.com/vlyNyNH.png) MemberLoginForm.java ```java package com.team2.pptor.domain.Member; import lombok.Data; import javax.validation.constraints.NotBlank; @Data public class MemberLoginForm { @NotBlank private String loginId; @NotBlank private String loginPw; } ``` usrMemberController.java ```java @GetMapping("/members/login") public String showLogin(Model model) { model.addAttribute("memberLoginForm", new MemberLoginForm()); return "usr/member/login"; } ``` ## 비밀번호 찾기 ![](https://imgur.com/2RphY7y.png) ## PPT 작성 ![](https://imgur.com/pQZjkxA.png) - UsrArticleController.java ```java @PostMapping("/articles/write") public String doWrite(@Validated @ModelAttribute ArticleSaveForm articleSaveForm, BindingResult bindingResult, Principal principal){ // 오류가 확인되어 바인딩 되었다면 if ( bindingResult.hasErrors() ) { // 로그에 표기와 같이 표기 log.info("ERRORS={}",bindingResult); return "redirect:/usr/article/write"; } // Principal 객체를 이용하여 로그인한 회원의 아이디를 조회 // 조회한 아이디로서 멤버객체를 불러오기 Member member = memberService.findByLoginId(principal.getName()); System.out.println("html : " + articleSaveForm.getHtml()); System.out.println("markdown : " + articleSaveForm.getMarkdown()); // 생성메소드를 통하여 게시글 객체 내부에 회원 객체 주입 Article article = Article.createArticle( articleSaveForm.getTitle(), articleSaveForm.getMarkdown(), articleSaveForm.getHtml(), member ); // 연관관계 메소드 호출 article.setMember(member); articleService.save(article); return "redirect:/articles/view/" + article.getId(); } ``` ## PPT 보기 ![](https://imgur.com/KWiqS1h.png) ![](https://imgur.com/WAxaNnF.png) ### 소스코드 - HtmlParser.java ``` java package com.team2.pptor.util; import com.team2.pptor.domain.Article.Content; import org.jsoup.Jsoup; import org.jsoup.safety.Safelist; import java.util.ArrayList; import java.util.List; public class HtmlParser { // 추출한 코드를 저장할 필드 private List extractedCodes; // 상태코드를 저장할 필드 private int status; // 결과물 저장할 필드 private List result; /* 생성자 */ public HtmlParser() { this.status = 0; this.result = new ArrayList<>(); this.extractedCodes = new ArrayList<>(); } /* 결과물 리턴 메소드 */ public List getParsedHtml(String html) { List htmlLines = splitHTML(html); readHtmlLine(htmlLines); checkContent(this.result); return this.result; } /* * HTML 문자열을 한줄씩 스플릿 */ private List splitHTML(String html) { Safelist safelist = Safelist.relaxed(); String safeHTML = Jsoup.clean(html, safelist); // 스플릿 한 HTML을 저장할 List 생성 List htmlLines = new ArrayList<>(); // HTML 문자열을 줄바꿈 기준으로 스플릿 for (String htmlLine : safeHTML.trim().split("\n")) { htmlLines.add(htmlLine); } // 스플릿 한 HTML을 리턴 return htmlLines; } /* HTML 파싱 메소드 */ private void readHtmlLine(List htmlLines) { while (this.status < 1) { // 코드와 슬라이드 내부에 들어갈 html 요소를 보관할 인스턴스 Content 생성 Content content = new Content(); // Content를 보관할 List를 생성 List contentTexts = new ArrayList<>(); for (String line : htmlLines) { // 시작코드 추출 if (line.trim().contains("@S") || line.trim().contains("@s")) { if ( extractCode(line).startsWith("S") ) { // 인스턴스에 코드 세팅 this.extractedCodes.add(extractCode(line)); String lineCode = extractCode(line); // 닫는태그 추가 String close = ""; contentTexts.add(close); // html 에 섹션에 코드 클래스 추가하여 배열에 추가 line = "

"; contentTexts.add(line); continue; } } contentTexts.add(line); } // section 갈무리 contentTexts.remove(0); contentTexts.add(contentTexts.size(),"

"); int count = 0; List args = new ArrayList<>(); for ( String contentText : contentTexts ) { if ( contentText.contains("")) { args.add(contentText); content.setContentTexts(args); result.add(content); content = new Content(); args = new ArrayList<>(); continue; } args.add(contentText); } status = 1; } } /* 코드 추출 및 코드 태그 유효성 판별 */ private String extractCode(String line) { String lineText = removeHTMLTag(line); if ( lineText.startsWith("@S") || lineText.startsWith("@s") ) { lineText = lineText.toUpperCase(); String[] codeBits1 = lineText.split("@S"); try { Integer.parseInt(codeBits1[1].trim()); String[] codeBits2 = lineText.split("@"); return codeBits2[1]; } catch (NumberFormatException e ) { return line; } } else { return line; } } /* 태그 벗기기 */ public String removeHTMLTag(String line) { // 정규표현식을 이용하여 HTML 태그 제거 return line.replaceAll("<(/)?([a-zA-Z]*)(\\s[a-zA-Z]*=[^>]*)?(\\s)*(/)?>", ""); } /* 컨텐츠 체킹 */ public List checkContent(List slides) { List checkedSlides = new ArrayList<>(); for ( Content slide : slides ) { if ( !slide.getContentTexts().get(0).startsWith("")[0].trim() ) { case "S3" : case "S4" : slide.setContentTexts(addDiv(slide.getContentTexts())); break; default: checkedSlides.add(slide); break; } } return checkedSlides; } /* DIV 추가 */ public List addDiv(List contentTexts) { int count = 0; String openTag = "

"; String closeTag = "

"; List result = new ArrayList<>(); for ( String contentText : contentTexts) { if ( removeHTMLTag(contentText).startsWith("% ") || contentText.startsWith("% ") && count < 3 ) { if ( count == 0 ) { result.add(openTag); // 시작 태그 더하기 String context = removeHTMLTag(contentText).split("% ")[1].trim(); contentText = "

" + context.trim() + "

"; result.add(contentText); count++; continue; } if ( count == 1 ) { result.add(closeTag); result.add(openTag); String context = removeHTMLTag(contentText).split("% ")[1].trim(); contentText = "

" + context.trim() + "

"; result.add(contentText); count++; continue; } } if ( contentText.startsWith("%") || removeHTMLTag(contentText).startsWith("%") && count < 3 ) { if ( count == 0 ) { contentText = openTag; result.add(contentText.trim()); count++; continue; } if ( count == 1 ) { contentText = openTag; result.add(closeTag); result.add(contentText.trim()); count++; continue; } } if ( contentText.equals("") ) { result.add(closeTag); result.add(contentText); continue; } result.add(contentText); } return result; } } ``` - 피피토의 핵심 기능 - PPT 작성에서 작성한 내용을 split하여 슬라이드로 자동 구성함 ## 마이페이지 ![](https://imgur.com/mdhmHXg.png) ![](https://imgur.com/KJTJQQq.png) - 팔로우 기능 구현 ![](https://imgur.com/ntXdqSH.png) - 마이페이지 게시물 리스트 ### 소스코드 MyPage.java ```java package com.team2.pptor.domain; import com.sun.istack.NotNull; import com.team2.pptor.domain.Member.Member; import lombok.Getter; import lombok.NoArgsConstructor; import javax.persistence.*; @Entity @Getter @NoArgsConstructor public class MyPage { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) @Column(name = "my_page_id") @NotNull private int id; @ManyToOne @JoinColumn(name = "member_id") private Member member; @Column(name = "artc_dir") private String dir; } ``` MyPageController.java ```java package com.team2.pptor.controller; import com.team2.pptor.domain.Article.Article; import com.team2.pptor.domain.Member.Member; import com.team2.pptor.domain.follow.Follow; import com.team2.pptor.service.ArticleService; import com.team2.pptor.service.FollowService; import com.team2.pptor.service.MemberService; import lombok.RequiredArgsConstructor; import lombok.extern.slf4j.Slf4j; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import java.security.Principal; import java.util.List; @Slf4j @Controller @RequiredArgsConstructor @RequestMapping(value = "/page") public class MyPageController { private final MemberService memberService; private final FollowService followService; @GetMapping("/{loginId}") public String showSelfPage(@PathVariable(name = "loginId") String loginId, Principal principal, Model model) { Member currentMember = memberService.findByLoginId(principal.getName()); boolean isFollowed = followService.checkFollow(loginId, currentMember); Member findMember = memberService.findByLoginId(loginId); List

articles = findMember.getArticles(); int articlesCount = findMember.getArticles().size(); List followList = followService.findFollowsByLoginId(findMember); int followCount = followList.size(); model.addAttribute("member", findMember); model.addAttribute("articles",articles); model.addAttribute("articleCount", articlesCount); model.addAttribute("followList", followList); model.addAttribute("followCount", followCount); model.addAttribute("isFollowed",isFollowed); return "usr/myPage/myPage"; } } ``` FollowService.java ```java package com.team2.pptor.service; import com.team2.pptor.domain.Member.Member; import com.team2.pptor.domain.follow.Follow; import com.team2.pptor.repository.FollowRepository; import com.team2.pptor.repository.MemberRepository; import lombok.RequiredArgsConstructor; import lombok.extern.slf4j.Slf4j; import org.springframework.stereotype.Service; import org.springframework.transaction.annotation.Transactional; import java.util.List; import java.util.NoSuchElementException; @Transactional @Slf4j @RequiredArgsConstructor @Service public class FollowService { private final FollowRepository followRepository; private final MemberRepository memberRepository; /* 팔로우 정보 삭제 */ public boolean delete(String toMemberId, String fromMemberId) { // 상대방 마이페이지(toMember) // 상대방 팔로우 목록에 내가 있으면? => 삭제 // 상대방 팔로우 목록에 내가 없으면? => 오류 // 필요한것 // 나, 상대방, 상대방 팔로우 목록, 내 팔로우 // 상대방 Member toMember = memberRepository.findByLoginId(toMemberId).get(); // 상대방 팔로우 목록 toMemberFollow List followsByToMember = followRepository.findFollowsByToMember(toMember); for (Follow follow : followsByToMember) { System.out.println("팔로우 하고자 하는 사람의 정보 : " + toMember.getLoginId()); System.out.println("팔로우 한 사람의 정보 : " + follow.getFromMember()); // 내가 한 팔로우가 있을때? => 삭제 if ( follow.getFromMember().getLoginId().equals(fromMemberId) ) { followRepository.delete(follow); return true; } else { continue; } } return false; } /* 팔로우 정보 저장 */ public Follow save(String fromMemberId, String toMemberId) { // 임시 Member fromMember = memberRepository.findByLoginId(fromMemberId).get(); Member toMember = memberRepository.findByLoginId(toMemberId).get(); return followRepository.save(Follow.createFollow(fromMember, toMember)); } /* 받은 팔로우 리스트 조회 */ public List findFollowsByLoginId(Member toMember) { return followRepository.findFollowsByToMember(toMember); } /* 팔로우 여부 확인하기 /page/admin */ public boolean checkFollow(String toMemberLoginId, Member fromMember) { List currentFollows = followRepository.findFollowsByFromMember(fromMember); for (Follow currentFollow : currentFollows) { if ( currentFollow.getToMember().getLoginId().equals(toMemberLoginId) ) { return true; } else { return false; } } return false; } } ``` ## 관리자페이지 ![](https://imgur.com/vzHNV1k.png) - 관리자 메인페이지 / 사이드바 ![](https://imgur.com/nGb62Jn.png) - 회원관리 페이지 ![](https://imgur.com/QiGGsqP.png) - 게시물 관리 페이지 ![](https://imgur.com/xRFLwXJ.png) - 게시판 관리 페이지 ### 소스코드 AdmMemberController.java ```java package com.team2.pptor.controller; import com.team2.pptor.domain.Member.Member; import com.team2.pptor.domain.Member.MemberSaveForm; import com.team2.pptor.domain.Member.MemberSearchForm; import com.team2.pptor.security.CustomUserDetails; import com.team2.pptor.service.MemberService; import lombok.RequiredArgsConstructor; import lombok.extern.slf4j.Slf4j; import org.springframework.data.domain.Page; import org.springframework.data.domain.Pageable; import org.springframework.data.domain.Sort; import org.springframework.data.web.PageableDefault; import org.springframework.security.core.annotation.AuthenticationPrincipal; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.validation.BindingResult; import org.springframework.validation.annotation.Validated; import org.springframework.web.bind.annotation.*; import java.util.List; @Controller @RequiredArgsConstructor @Slf4j @RequestMapping("/adm/manage") public class AdmMemberController { private final MemberService memberService; @GetMapping("/members") public String showMemberManage(Model model, @AuthenticationPrincipal CustomUserDetails user, @PageableDefault(size = 6, sort = "id", direction = Sort.Direction.DESC) Pageable pageable, @RequestParam(value="searchType", defaultValue = "") String searchType, @RequestParam(value="searchKeyword", defaultValue = "") String searchKeyword) { // admin권한이 아니면 페이지 접속 불가 if ( !user.getAuthorities().toString().contains("ROLE_ADMIN") ) { return "redirect:/"; } List members = memberService.findAllMember(); Page membersPage = memberService.getSearchedMemberPage(pageable, searchType, searchKeyword); Long count = memberService.count(); model.addAttribute("members", members); model.addAttribute("count", count); model.addAttribute("membersPage", membersPage); model.addAttribute("totalPage", membersPage.getTotalPages()); return "adm/member/manage"; } @PutMapping("/members/{loginId}") @ResponseBody public String blockMember(@PathVariable(name = "loginId") String loginId, @AuthenticationPrincipal CustomUserDetails user){ if ( !user.getAuthorities().toString().contains("ROLE_ADMIN") ) { return "redirect:/"; } Member member = memberService.findByLoginId(loginId); if(member.getAuthLevel() == 4){ member.changeMemberInfo(member.getLoginPw(), member.getNickname(), member.getEmail(), 3); memberService.modifyInfo(member); return "adm/member/manage"; } member.changeMemberInfo(member.getLoginPw(), member.getNickname(), member.getEmail(), 4); memberService.modifyInfo(member); return "adm/member/manage"; } @DeleteMapping("/members/{loginId}") @ResponseBody public String deleteMember(@PathVariable(name = "loginId") String loginId, @AuthenticationPrincipal CustomUserDetails user){ if ( !user.getAuthorities().toString().contains("ROLE_ADMIN") ) { System.out.println("관리자가 아닙니다."); return "redirect:/"; } memberService.delete(loginId); return "adm/member/manage"; } } ``` # 테스트 ## 회원 - 회원가입 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 로그인 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 로그아웃 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 비밀번호찾기(임시패스워드를 이메일로 발송) - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 로그인이 안된 상태에서 로그인이 필요한 페이지로 이동시 - 로그인 후 원래 이동하려면 곳으로 이동 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 회원정보수정 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 회원 탈퇴 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 회원 조회 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 ### 게시물 - 게시물 작성 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 게시물 삭제 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 게시물 수정 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 게시물 조회 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 ## 관리자 ### 회원 - 회원 강제 탈퇴 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 회원 블라인드 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 회원 등급 변경 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 회원 목록, 검색 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 ### 게시물 - 게시물 삭제 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 게시물 블라인드 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 전체 게시물 리스트 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 ### 게시판 - 게시판 리스팅 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 게시판 수정 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 게시판 삭제 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 게시판 생성 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 ## 마이페이지 ### 팔로우 - 팔로우 - 팔로우 조회 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 언팔로우 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 ### 게시글 - 게시글 조회 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 게시글 생성 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 게시글 삭제 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 게시글 수정 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 게시글 리스팅 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 ### 즐겨찾기 - 즐겨찾기 추가 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 즐겨찾기 삭제 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 ## 게시판 - 게시판별 게시글 조회 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 - 회원이 볼 수있는 게시판 리스트 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 ## 에러페이지 - 개별 페이지 구성 - 테스트통과 : 통과 - 테스트날짜 : 2021-10-01 - 테스트 수행인 : 왕혜원 ## 긴 글 읽어주셔서 감사합니다.