# MILY 로고 ![](https://i.postimg.cc/59rt1smf/002.png) *** # 최종 프로젝트 MILY 팀 기술서 > 변호사 매칭 서비스 > 각 분야에 맞는 글 작성 시 변호사가 답변할 수 있습니다. > 각 분야에 맞는 항목을 선택하여 견적서를 변호사들에게 보낼 수 있습니다. > 원하는 변호사와의 상담을 예약할 수 있습니다. # 프로젝트 산출물 - [발표 PPT]() - [사용자 화면 정의서(UI/UX)](https://www.figma.com/file/wCVHcwaimmlwG6237DuPiO/%EC%B5%9C%EC%A2%85%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%ED%94%84%EB%A1%A0%ED%8A%B8UI%2FUX?type=design&node-id=197-686&mode=design&t=RqR1iFFiYjsOniA9-0) 진행 기간 : 2023.10.10 ~ 2023.12.06 # 목차 * 1️⃣ 팀원 소개 * 2️⃣ 배포 링크 * 3️⃣ 깃허브 * 깃허브 링크 * 깃허브 프로젝트 * 4️⃣ 시연 영상 (Youtube) * 5️⃣ 구현 미리보기 * 웹 미리보기 * 코드 미리보기 * 6️⃣ ER Diagram # 1️⃣ 팀원 | 이재준 (팀장) | 조겨울샘 | 윤준혁 | 박경범 | | --- | --- | --- | --- | | ![이재준_증명사진](https://i.postimg.cc/C5cfn9CN/Kakao-Talk-20231207-200746924.jpg) | ![조겨울샘_증명사진](https://i.postimg.cc/fLjdDVJ1/Kakao-Talk-20231207-200638352.jpg) | ![윤준혁_증명사진](https://i.postimg.cc/1RBFdNxq/Kakao-Talk-20231207-200550159.jpg) | ![박경범_증명사진](https://i.postimg.cc/N0XTCJYs/Kakao-Talk-20231208-071044866.jpg) | | [nowJun82](https://github.com/nowJun82) | [jogyoulsam](https://github.com/jogyoulsam) | [matddung](https://github.com/matddung) | [rudqja1127](https://github.com/rudqja1127) | # 2️⃣ 배포 링크 * MILY : [https://sbsmily.shop](https://sbsmily.shop) # 3️⃣ Github * Github Organization : [https://github.com/final-project-gang/mily](https://github.com/final-project-gang/mily) * Github Project : ![원본이미지](https://i.postimg.cc/P5MXjgYC/2023-12-07-182942.png) *** # 4️⃣ 시연 영상 (Youtube) $$youtube G7RHVrFfPSo $$ *** # 5️⃣ 구현 미리보기 *** * 웹 미리보기 > ? 메인 페이지 > 상담글 작성, 변호사 리스트, 상담 예약, 견적서 등의 주요 서비스를 한 데 모았습니다. *** ![Main](https://i.postimg.cc/FK7CXrrF/2023-12-07-223806.png) *** > ? 상담글 작성 - Mily X > 네이버 지식 In 서비스를 연상하며 유료 서비스로 기획하였습니다. *** ![Mily X](https://i.postimg.cc/QN9B9RtB/2023-12-07-223815.png) *** > ? 사이버 머니 > Mily X 상담글 작성을 위해 필요한 포인트를 구매할 수 있습니다. *** ![Payment](https://i.postimg.cc/L651TnNs/2023-12-07-224238.png) *** > ⚖️ 변호사 목록 > MILY에 가입된 변호사 리스트를 보여줍니다. 분야 및 지역 별 설정이 가능하며, > 방문 상담 예약 서비스를 지원합니다. *** ![원본이미지](https://i.postimg.cc/7hw60SvL/2023-12-07-190318.png) *** > ? 상담 예약 > 원하는 변호사의 일정을 보면서 방문 상담 예약을 할 수 있습니다. *** ![Lawyer List](https://i.postimg.cc/zBmvYkmd/2023-12-08-145514.png) *** > ? 견적서 > 설정한 카테고리의 조건에 해당하는 변호사들에게 견적서를 보냅니다. *** ![Estimate](https://i.postimg.cc/ZKjhTqS6/2023-12-07-224321.png) *** > ⚙️ 마이 페이지 > 내 정보, 계정 설정 등을 다룰 수 있는 페이지입니다. | 일반 회원 | 변호사 | 관리자 | | --- | --- | --- | | ![member](https://i.postimg.cc/Y0DwMpGp/2023-12-07-223826.png) | ![lawyer](https://i.postimg.cc/1X2Yv4VN/2023-12-07-224127.png) | ![admin](https://i.postimg.cc/WzkQLMv7/2023-12-07-224157.png) | *** * 코드 미리보기 > ? 메인 페이지 > MilyHomeController.java ```java @Controller @RequiredArgsConstructor public class MilyHomeController { private final MilyUserService milyUserService; private final MilyXService milyXService; @GetMapping("/") public String showMilyMain(Model model) { List milyXList = milyXService.findAll(); // 모든 상담글 (MilyX)을 받아옵니다. model.addAttribute("milyx", milyXList); // 받아 온 모든 상담글 (MilyX)을 model 에 넣어주어 View 에서 리소스를 제공할 수 있게 해줍니다. try { MilyUser isLoginedUser = milyUserService.getCurrentUser(); /* Principal 을 MilyUserService 에서 관리하여 로그인 한 사용자의 정보가 필요할 때 꺼내옵니다. 앞으로 자주 사용하게 될 코드입니다. */ if (isLoginedUser != null) { model.addAttribute("user", isLoginedUser); // 현재 로그인한 유저 데이터를 model 에 넣어주어 View 에서 리소스를 제공할 수 있게 해줍니다. } return "/mily/mily_main"; } catch (NullPointerException e) { return "/mily/mily_main"; } } } ``` > getCurrentUser() Service 메서드는 아래와 같습니다. > MilyUserService.java ```java import org.springframework.security.core.context.SecurityContextHolder; @RequiredArgsConstructor @Service public class MilyUserService { private final MilyUserRepository milyUserRepository; public MilyUser getCurrentUser() { Object principal = SecurityContextHolder.getContext().getAuthentication().getPrincipal(); if (principal instanceof User user) { return milyUserRepository.findByUserLoginId(user.getUsername()).orElse(null); } return null; } } ``` > ? 상담글 작성 - Mily X > MilyXController.java ```java @Controller @RequiredArgsConstructor @RequestMapping("/milyx") public class MilyXController { private final CategoryService categoryService; private final MilyXService milyXService; private final MilyXCommentService milyXCommentService; private final MilyUserService milyUserService; @PreAuthorize("isAnonymous()") @GetMapping("") public String showMilyX(Model model) { // 모든 상담글을 받아와서 날짜 순으로 정렬합니다. 이 때, 오래된 날짜가 제일 앞으로 옵니다. List milyx = new java.util.ArrayList<>(milyXService.getAllPosts().stream() .sorted(Comparator.comparing(MilyX::getCreateDate)) .toList()); Collections.reverse(milyx); // 최신순으로 재정렬합니다. model.addAttribute("milyx", milyx); List comments = milyXCommentService.findAll(); // 모든 댓글을 받아옵니다. Collections.reverse(comments); // 최신순으로 정렳합니다. model.addAttribute("count", comments.size()); // View 에서 댓글 수 리소스를 제공할 수 있게 해줍니다. model.addAttribute("comments", comments); try { MilyUser isLoginedUser = milyUserService.getCurrentUser(); if (isLoginedUser != null) { model.addAttribute("user", isLoginedUser); } return "mily/milyx/milyx_index"; } catch (NullPointerException e) { return "mily/milyx/milyx_index"; } } @PreAuthorize("isAuthenticated()") @GetMapping("/create") public String create(Model model, HttpServletRequest hsr) { String referer = hsr.getHeader("Referer"); /* HttpServletRequest 에서 유저가 페이지 이동을 요청할 때, 이전에 머물던 페이지의 경로를 받아 와서 저장합니다. 이는 페이지 이동 요청 시 권한이 없을 때 사용됩니다. */ MilyUser isLoginedUser = milyUserService.getCurrentUser(); // 로그인 상태가 아니라면 이전에 머물던 페이지로 보냅니다. if (isLoginedUser == null) { return "redirect:/" + referer; } // 현재 로그인한 유저의 권한이 "member" (일반 회원)가 아니라면 이전에 머물던 페이지로 보냅니다. if (!isLoginedUser.getRole().equals("member")) { return "redirect:/" + referer; } int userPoint = isLoginedUser.getMilyPoint(); // 현재 로그인한 유저의 milyPoint (사이버 머니)를 받아옵니다. model.addAttribute("myPoint", userPoint); /* MilyX (상담글)는 50~100 포인트를 사용해야만 작성이 가능합니다. 즉, 현재 로그인한 유저의 milyPoint 데이터가 들어있는 userPoint가 50 미만이라면 milyPoint (사이버 머니) 충전 페이지로 보냅니다. */ if (userPoint < 50) { return "redirect:/payment"; } int maxPoint = Math.min(userPoint, 100); // 해당 유저가 가진 포인트 혹은 100 중 작은 값으로 최대값을 결정합니다. // 50부터 100까지 5 단위의 숫자 리스트를 생성합니다. List pointOptions = IntStream.rangeClosed(50, maxPoint) .filter(i -> i % 5 == 0) .boxed() .collect(Collectors.toList()); model.addAttribute("pointOptions", pointOptions); // 유저가 선택할 수 있는 법률 분야를 1차 카테고리 리스트로 생성합니다. List firstCategories = categoryService.getFirstCategories(); model.addAttribute("firstCategories", firstCategories); return "mily/milyx/milyx_create"; } @PreAuthorize("isAuthenticated()") @PostMapping("/create") public String create(@RequestParam int firstCategory, @RequestParam String secondCategory, @RequestParam String subject, @RequestParam String body, @RequestParam int point) { MilyUser isLoginedUser = milyUserService.getCurrentUser(); FirstCategory fc = categoryService.findByFId(firstCategory); SecondCategory sc = categoryService.findBySId(Integer.parseInt(secondCategory)); RsData rsData = milyXService.create(isLoginedUser, fc, sc, subject, body, point); return "redirect:/milyx"; } @GetMapping("/secondCategories") // Ajax 비동기 통신을 통해 SecondCategory 리소스를 페이지 새로고침 없이 제공합니다. public ResponseEntity> validateId(@RequestParam(value = "firstCategoryId") int firstCategoryId) { List sc = categoryService.findByFirstCategoryId(firstCategoryId); // 유저가 요청한 1차 카테고리에 해당하는 2차 카테고리 리스트를 생성합니다. return ResponseEntity.ok().body(sc); // 생성한 2차 카테고리 리스트를 반환합니다. Ajax 비동기 통신을 통해 유저의 UX 가 향상되는 효과를 기대해 볼 수 있습니다. } @PreAuthorize("isAuthenticated()") @GetMapping("/detail/{id}") public String showDetail(Model model, @PathVariable long id) { try { MilyUser isLoginedUser = milyUserService.getCurrentUser(); if (isLoginedUser != null) { String confirmRole = isLoginedUser.getRole(); model.addAttribute("role", confirmRole); model.addAttribute("user", isLoginedUser); } MilyX milyX = milyXService.findById(id).get(); // 사용자가 게시글의 상세 보기를 요청할 때 해당 글의 id 를 받아와서 저장합니다. int view = milyX.getView() + 1; // 해당 글의 조회수에 1을 더한 값을 view 에 저장합니다. // 새로 갱신된 조회수를 저장합니다. MilyX mx = MilyX.builder() .view(view) .build(); milyX.updateView(view); milyXService.updateView(milyX.getId(), mx); model.addAttribute("milyx", milyX); model.addAttribute("isAuthor", milyX.getAuthor().getId() == (isLoginedUser.getId())); return "mily/milyx/milyx_detail"; } catch (NullPointerException e) { return "mily/milyx/milyx_detail"; } } @PreAuthorize("isAuthenticated()") @GetMapping("/modify/{id}") public String getModify(Model model, @PathVariable long id) { MilyUser isLoginedUser = milyUserService.getCurrentUser(); MilyX milyX = milyXService.findById(id).get(); // 수정하려는 게시글의 정보를 받아와서 저장합니다. // 수정하려는 게시글의 작성자가 맞는 지 확인합니다. if (milyX.getAuthor().getId() != isLoginedUser.getId()) { return "redirect:/milyx/detail/" + id; } // 수정하려는 게시물의 댓글 유무 확인 if (!milyX.getComments().isEmpty()) { /* 수정하려는 게시글에 댓글이 존재한다면 수정이 불가능합니다. 고로 수정하고자 했던 게시글의 detail 로 돌려 보냅니다. */ return "redirect:/milyx/detail/" + id; } model.addAttribute("milyx", milyX); return "mily/milyx/milyx_modify"; } @PreAuthorize("isAuthenticated()") @PostMapping("/modify/{id}") public String doModify(@PathVariable Long id, @RequestParam String subject, @RequestParam String body) { milyXService.modify(id, subject, body); return "redirect:/milyx/detail/" + id; } @PreAuthorize("isAuthenticated()") @PostMapping("/delete/{id}") public String doDelete(@PathVariable Long id) { MilyX mx = milyXService.findById(id).orElse(null); MilyUser isLoginedUser = milyUserService.getCurrentUser(); if (mx == null) { return "redirect:/milyx/detail" + id; } MilyX milyX = milyXService.findById(id).get(); // 현재 로그인한 유저가 관리자인 지 확인합니다. if (!isLoginedUser.getUserLoginId().equals("admin999")) { // 삭제하려는 게시글의 작성자인 지 확인합니다. if (milyX.getAuthor().getId() != isLoginedUser.getId()) { /* 현재 로그인한 유저가 관리자, 작성자가 아니라는 조건에 부합한다면 해당 게시글로 다시 돌려보냅니다. 하지만 View 에서 thymeleaf template engine 을 통해 조건에 부합 해야만 삭제 버튼이 보이기에 이중 잠금 개념으로 보시면 되겠습니다. */ return "redirect:/milyx/detail" + id; } // 삭제하려는 게시글의 댓글 유무를 확인합니다. if (!milyX.getComments().isEmpty()) { return "redirect:/milyx/detail" + id; } } milyXService.delete(id); return "redirect:/milyx"; // 게시글의 삭제는 detail form 에서 요청해 오기 때문에 게시글 목록 페이지로 보냅니다. } } ``` # 6️⃣ ER Diagram *** ![ERD](https://i.postimg.cc/PxCyqrzy/MILY-1.png) ***

게시글 상세