$$config title: ?무엇이든 물어보세요 게시판 서비스(SBB) keywords: - SpringBoot - JAVA - 기술서 $$ # ?사이트 기술서 ## ? 개요 ``` ☝ 점프 투 스프링부트(저자 박응용)를 공부하며 만든 게시판 ? 바로가기 링크(https://wikidocs.net/book/7601) ``` ### ? URL ? GitHub Repository : [https://github.com/insung5189/SpringBootStart](https://github.com/insung5189/SpringBootStart) ? 무엇이든 물어보세요 : [https://www.qna.devh.me/](https://www.qna.devh.me/) ## ? 사용 기술 ### ? 버전 관리(Version Control System) ``` - Git & GitHub ``` ### ? 배포 ``` - GitHub Docs(webhooks) - Jenkins CI/CD - AWS Lightsail - AWS RDS - NAVER CLOUD PLATFORM - Linux - NginX Proxy Manager - Docker - CentOS7.8 - iwantmyname(도메인) - DNSZi(도메인관리 서비스) ``` ### ? 개발 도구 ``` - Chrome - Windows 11 - IntelliJ IDEA - DBeaver - H2 Console - MobaXterm ``` ### ? 서비스 환경 ``` - NGINX - MariaDB - Docker - CentOS7.8 ``` ### ?‍? 기술 스택 ``` - SpringBoot - MariaDB - H2 Database - HTML5 / CSS3 / JS - Bootstrap - jQuery - markdown ``` ### ? ERD

## ? 기능 ### ?회원 ``` - 회원가입 - 로그인 - 로그아웃 ``` ### ?게시글 ``` - 질문 리스트업 - 질문 리스트 페이지네이션 - 질문 / 답변 / 댓글 / 작성자 검색 가능 - 질문 등록 / 수정 / 삭제 / 추천(회원전용) - 답변 등록 / 수정 / 삭제 / 추천(회원전용) - 댓글 등록 / 수정 / 삭제(회원전용) ``` ## ? 내부 폴더 및 파일 ``` - user : 회원정보 MVC - answer : 답변 MVC - question : 질문 MVC - comment : 댓글 MVC - CommonUtil : 추가적인 유틸리티를 담는 클래스(markdown에디터) - MainController : 메인페이지(/question/list)로 리디렉션 - static : 정적파일들을 담는 폴더(Bootstrap, CSS) - templates : View파일들을 담는 폴더(HTML) - application.properties : 로컬서버포트, DB, JPA, logging 설정을 담은 파일 - build.gradle : Spring 프레임워크, DB등 의존성 및 gradle의 빌드 설정을 담은 파일 ``` ## ? 배포구조 ``` - 커밋, 푸시, 젠킨스 빌드 유발, 컨테이너 내의 소스코드 리빌드 ``` ## ? 요구사항 ### ? 요구사항 분석표 |목록|요구사항|이용대상|기능종류|구현여부|비고 | --- | --- | --- | --- |---|---| |RQ-001-R|게시판의 질문 / 답변 / 댓글 / 작성자 검색이 가능하다 |회원 / 비회원|검색|✅| |RQ-002-R|질문이 작성 날짜순의 최신순으로 출력되어 나와야한다|회원 / 비회원|출력|✅| |RQ-003-R|질문의 작성 날짜가 출력되어 나와야한다|회원 / 비회원|출력|✅| |RQ-004-R|질문의 수정 날짜가 출력되고 수정여부를 표시해야한다|회원 / 비회원|출력|✅| |RQ-005-R|답변의 작성 날짜가 출력되어 나와야한다|회원 / 비회원|출력|✅| |RQ-006-R|답변의 수정 날짜가 출력되고 수정여부를 표시해야한다|회원 / 비회원|출력|✅| |RQ-007-R|댓글의 작성 날짜가 출력되어 나와야한다|회원 / 비회원|출력|✅| |RQ-008-R|댓글의 수정 날짜가 출력되고 수정여부를 표시해야한다|회원 / 비회원|출력|✅| |RQ-009-R|게시판의 페이지가 1페이지부터 출력되어 나와야한다|회원 / 비회원|정렬|✅| |RQ-010-R|네비게이션바가 반응형으로 확대 / 축소가 가능하다|회원 / 비회원|출력|✅| |RQ-011-R|질문 / 답변 / 댓글 작성자가 출력되어 나와야한다|회원 / 비회원|출력|✅| |RQ-012-R|질문의 답변 수가 출력되어 나와야한다|회원 / 비회원|출력|✅| |RQ-013-C-R-U-D|게시판에 질문을 작성할 수 있다 |회원|등록|✅| |RQ-014-C-R-U-D|사용자 답변 등록이 가능하다|회원|등록|✅| |RQ-015-C-R-U-D|사용자 댓글 등록이 가능하다|회원|등록|✅| |RQ-016-U-D|사용자의 질문 추천이 가능하다|회원|등록|✅| |RQ-017-U-D|사용자의 답변 추천이 가능하다|회원|등록|✅| |RQ-018-C|회원가입이 가능하다|비회원|등록|✅| |RQ-019-C|로그인이 가능하다|회원|로그인|✅| ## ?Release ### ?2023-04-28 v0.01 - 스프링부트 질의응답 게시판 만들기 시작 - 엔티티 구축 ### ?2023-05-08 v0.02 - 도메인별 리펙터링 - 질문 등록 구현 ### ?2023-05-10 v0.03 - 답변 등록 구현 - 레이아웃 공통 템플릿 구성 ### ?2023-05-17 v0.04 - 반응형 네비게이션 바 구성 - 페이지네이션을 이용한 페이징 구현 ### ?2023-05-19 v0.05 - 회원가입 구현 - 로그인, 로그아웃 구현 ### ?2023-05-27 v0.06 - 게시물(질문, 답변) 수정 / 삭제 구현 - 게시물(질문, 답변) 추천기능 구현 - 앵커(C,U,D 중 하나라도 일어나면 해당 부분으로 스크롤 이동)기능 구현 - 마크다운 문법 구현 - 검색기능 구현 - 무엇이든 물어보세요 1차 배포(AWS Lightsail, H2 Database) ### ?2023-07-20 v0.07 - 댓글 등록 구현 ### ?2023-07-31 v0.08 - 데이터베이스 H2 Database 에서 MariaDB로 이전(dump) - MariaDB AWS RDS로 배포 - 무엇이든 물어보세요 2차 배포(NAVER CLOUD PLATFORM, AWS RDS) ### ?2023-08-02 v0.09 - 무중단 자동화 배포 파이프라인(CI/CD) 구축(GitHub webhook, Jenkins, Docker) ## ?서버 구조 ![https://user-images.githubusercontent.com/85653591/156701224-e71ab1b5-c4a9-4cbf-9c2c-e02a2fb1c92c.png](https://user-images.githubusercontent.com/85653591/156701224-e71ab1b5-c4a9-4cbf-9c2c-e02a2fb1c92c.png) $$uml !theme mars frame 작업자PC { frame Windows11 { frame Chrome { } } } frame 운영서버머신 { frame CentOS7(public．sbb．site,_172．17．0．1) { circle 172．17．0．1――8020 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 서버 { circle 서버――8020 } frame 서버――test { } } } } Chrome --> "172．17．0．1――443":1． https://www.qna.devh.me/．site 로 접속 "172．17．0．1――443" --> "Nginx――1――443" : 2． 외부 443 => Nginx 내부 443 "Nginx――1――443" --> "172．17．0．1――8020" : 3． Nginx Proxy Manager 에 의해 => 외부 8020 "172．17．0．1――8020" --> "서버――8020" : 4． 외부 8020 => 서버 내부 8020 "서버――8020" -[#green]-* "172．17．0．1――3306" : 5． DB 쿼리, 내부 8020 => 외부 3306 "172．17．0．1――3306" -[#green]-* "Mariadb――1――3306" : 6． 외부 3306 => Mariadb__1 내부 3306 $$ ## ?젠킨스 배포순서, 테스트 실패시 $$uml !theme toy autonumber box "작업PC" actor 개발자 entity 작업PC end box entity Github_Repository box "서버" entity Jenkins entity 테스트용_서버컨테이너 entity 실서버용_서버컨테이너 end box 개발자 -> 작업PC : Commit! 작업PC -> Github_Repository : Push! Github_Repository -> Jenkins : Webhook에 의해서 Commit Signal 전송 Jenkins -> 테스트용_서버컨테이너 : 재배포 스크립트 실행 테스트용_서버컨테이너 -> Jenkins : 테스트가 실패했습니다... Jenkins -> Jenkins : 이번 빌드는 실패로 처리하고, 작업을 종료합니다. 개발자 -> Jenkins : 해당 빌드의 콘솔기록을 확인하여 테스트가 왜 실패했는지 분석 $$ ## ?젠킨스 배포순서, 테스트 성공시 $$uml !theme toy autonumber box "작업PC" actor 개발자 entity 작업PC end box entity Github_Repository box "서버" entity Jenkins entity 테스트용_서버컨테이너 entity 실서버용_서버컨테이너 end box 개발자 -> 작업PC : Commit! 작업PC -> Github_Repository : Push! Github_Repository -> Jenkins : Webhook에 의해서 Commit Signal 전송 Jenkins -> 테스트용_서버컨테이너 : 재배포 스크립트 실행 테스트용_서버컨테이너 -> Jenkins : All Clear Jenkins -> 실서버용_서버컨테이너 : 리빌드 후 다시 실행하세요! 개발자 -> 실서버용_서버컨테이너 : Web Brouser로 Build 되었는지 확인 $$ ## ? 페이지별 기능설명 ### ? 질문 리스트 페이지A(기능별 소개) ![질문 리스트페이지 1](https://i.imgur.com/SSpMpz0.png)

### ? 질문 리스트 페이지B(기능별 소개) ![질문 리스트페이지 2](https://i.imgur.com/rfbGVX2.png)

### ? 질문 리스트 페이지(검색) ![질문 리스트페이지 검색](https://i.imgur.com/w0SEYqM.png) ```html

질문 등록하기

(〜￣▽￣)〜 무엇이든 물어봐YOU! 〜(￣▽￣〜)

답변 목록보기

글 번호	질문 제목	답변	글쓴이	질문 작성일시
1	게시판 공지사항		관리자	지금
2	게시판에 욕하지 마세요		관리자	롸잇나우
		:

질문 등록하기

``` ```java @GetMapping("/list") public String list(Model model, @RequestParam(value = "page", defaultValue = "1") int page, @RequestParam(value = "kw", defaultValue = "") String kw) { // url에 page내용이 없을땐 0값을 기본값으로 설정해라. if (page == 0) { // 페이지넘버가 0일때 page=1로 리디렉션 하라는 if문 return "redirect:/question/list?page=1"; } Page paging = this.questionService.getList(page, kw); model.addAttribute("paging", paging); model.addAttribute("kw", kw); List questionList = this.questionService.getList();// 컨트롤러에서 바로 QuestionRepository 로 가던 구조를 중간에 Service 를 만들어서 거쳐가게끔 만듬. model.addAttribute("questionList", questionList); return "question_list"; // resources 예하 templates 예하 question_list HTML 파일로 인식해서 브라우저에 띄워줌 } public Page getList(int page, String kw) { List sorts = new ArrayList<>(); sorts.add(Sort.Order.desc("createDate")); Pageable pageable = PageRequest.of(page - 1, 10, Sort.by(sorts)); // 애초에 불러온 페이지넘버의 -1한 페이지를 불러오고 HTML에서 미루어 처리 return this.questionRepository.findAllByKeyword(kw, pageable); } public List getList() { return this.questionRepository.findAll(); } ```

### ? 회원가입 페이지 ![회원가입 페이지](https://i.imgur.com/pXaIvgd.png) ```html

회원가입

``` ```java @Getter @Setter public class UserCreateForm { @Size(min = 3, max = 25) // username 길이가 3-25 사이여야 한다는 검증 @NotEmpty(message = "사용자ID는 필수항목입니다.") // username 은 필수항목 private String username; @NotEmpty(message = "비밀번호는 필수항목입니다.") // password1 은 필수항목 private String password1; @NotEmpty(message = "비밀번호 확인은 필수항목입니다.") // password2 은 필수항목 private String password2; @NotEmpty(message = "이메일은 필수항목입니다.") // email 은 필수항목 @Email // email 속성에는 @Email 애너테이션이 적용됨. @Email은 해당 속성의 값이 이메일형식과 일치하는지를 검증 private String email; } @GetMapping("/signup") // 회원가입 폼, URL이 GET으로 요청되면 회원가입을 위한 템플릿을 렌더링 public String signup(UserCreateForm userCreateForm) { return "signup_form"; } @PostMapping("/signup") // 회원가입 폼, URL이 POST로 요청되면 회원가입을 진행하도록 함 public String signup(@Valid UserCreateForm userCreateForm, BindingResult bindingResult) { if (bindingResult.hasErrors()) { return "signup_form"; } if (!userCreateForm.getPassword1().equals(userCreateForm.getPassword2())) { // 패스워드 유효성 검사. bindingResult.rejectValue("password2", "passwordInCorrect", "2개의 패스워드가 일치하지 않습니다."); return "signup_form"; } try { userService.create(userCreateForm.getUsername(), userCreateForm.getEmail(), userCreateForm.getPassword1()); } catch (DataIntegrityViolationException e) { e.printStackTrace(); bindingResult.reject("signupFailed", "이미 등록된 사용자입니다."); return "signup_form"; } catch (Exception e) { e.printStackTrace(); bindingResult.reject("signupFailed", e.getMessage()); return "signup_form"; } return "redirect:/"; } public void create(String username, String email, String password) { SiteUser user = new SiteUser(); user.setUsername(username); user.setEmail(email); user.setPassword(passwordEncoder.encode(password)); BCryptPasswordEncoder passwordEncoder = new BCryptPasswordEncoder(); user.setPassword(passwordEncoder.encode(password)); this.userRepository.save(user); } @Bean PasswordEncoder passwordEncoder() { return new BCryptPasswordEncoder(); } ```

### ? 로그인 페이지 ![로그인 페이지](https://i.imgur.com/zAYnIbF.png) ```html

``` ```java @GetMapping("/login") public String login() { return "login_form"; } @RequiredArgsConstructor @Service public class UserSecurityService implements UserDetailsService { private final UserRepository userRepository; @Override public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException { Optional _siteUser = this.userRepository.findByusername(username); if (_siteUser.isEmpty()) { throw new UsernameNotFoundException("사용자를 찾을수 없습니다."); } SiteUser siteUser = _siteUser.get(); List authorities = new ArrayList<>(); if ("admin".equals(username)) { authorities.add(new SimpleGrantedAuthority(UserRole.ADMIN.getValue())); } else { authorities.add(new SimpleGrantedAuthority(UserRole.USER.getValue())); } return new User(siteUser.getUsername(), siteUser.getPassword(), authorities); } } ```

### ? 질문 등록 / 수정 페이지(질문 등록) ![질문 등록 페이지(질문 등록)](https://i.imgur.com/p9a9fx7.png) ```html

질문등록

``` ```java @PreAuthorize("isAuthenticated()") @GetMapping("/create") // get == 가져오다 public String questionCreate(QuestionForm questionForm) { return "question_form"; } @PreAuthorize("isAuthenticated()") @PostMapping("/create") // post == 보내다 public String questionCreate(@Valid QuestionForm questionForm, BindingResult bindingResult, Principal principal) { // TODO 질문을 저장한다. // (주석으로 "TODO" 를 달아놓으면 인텔리제이에서 인지해서 만약 계획된 TODO 에 관련된 로직이 작성이 안되면 커밋할때 한 번더 물어봐준다) if (bindingResult.hasErrors()) { return "question_form"; } SiteUser siteUser = this.userService.getUser(principal.getName()); this.questionService.create(questionForm.getSubject(), questionForm.getContent(), siteUser); return "redirect:/question/list"; // 질문 저장후 질문목록으로 이동 } public SiteUser getUser(String username) { Optional siteUser = this.userRepository.findByusername(username); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteuser not found"); } } public void create(String subject, String content, SiteUser user) { Question q = new Question(); q.setSubject(subject); q.setContent(content); q.setCreateDate(LocalDateTime.now()); q.setAuthor(user); this.questionRepository.save(q); } ```

### ? 질문 등록 / 수정 페이지(질문 수정) ![질문 등록 페이지(질문 수정)](https://i.imgur.com/BbXNg8A.png) ```html

질문등록

``` ```java @PreAuthorize("isAuthenticated()") @GetMapping("/modify/{id}") public String questionModify(QuestionForm questionForm, @PathVariable("id") Integer id, Principal principal) { Question question = this.questionService.getQuestion(id); if (!question.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정권한이 없습니다."); } questionForm.setSubject(question.getSubject()); questionForm.setContent(question.getContent()); return "question_form"; } @PreAuthorize("isAuthenticated()") @PostMapping("/modify/{id}") public String questionModify(@Valid QuestionForm questionForm, BindingResult bindingResult, Principal principal, @PathVariable("id") Integer id) { if (bindingResult.hasErrors()) { return "question_form"; } Question question = this.questionService.getQuestion(id); if (!question.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정권한이 없습니다."); } this.questionService.modify(question, questionForm.getSubject(), questionForm.getContent()); return String.format("redirect:/question/detail/%s", id); } public Question getQuestion(Integer id) {// Integer 로 타입이 들어오면 null 값도 허용해줄 수 있음 Optional question = this.questionRepository.findById(id); if (question.isPresent()) { return question.get(); } else { throw new DataNotFoundException("question not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } public void modify(Question question, String subject, String content) { question.setSubject(subject); question.setContent(content); question.setModifyDate(LocalDateTime.now()); this.questionRepository.save(question); } ```

### ? 반응형 네비게이션 바 ![반응형 네비게이션 바](https://i.imgur.com/Z7hq1Ai.png) ```html Hello, sbb! ```

### ? 질문 상세 페이지 ![질문 상세 페이지](https://i.imgur.com/5zaWQDs.png) ```html 질문 상세보기 페이지

modified at

``` ```java @GetMapping("/detail/{id}") public String detail(Model model, @PathVariable("id") Integer id, AnswerForm answerForm, CommentForm commentForm) { Question question = this.questionService.getQuestion(id); model.addAttribute("question", question); return "question_detail"; } public Question getQuestion(Integer id) {// Integer 로 타입이 들어오면 null 값도 허용해줄 수 있음 Optional question = this.questionRepository.findById(id); if (question.isPresent()) { return question.get(); } else { throw new DataNotFoundException("question not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } ```

### ? 질문 상세 페이지(질문 삭제) ![질문 상세 페이지(질문 삭제)](https://i.imgur.com/hwo5h30.png) ```html 질문 상세보기 페이지

modified at

``` ```java @PreAuthorize("isAuthenticated()") @GetMapping("/delete/{id}") public String questionDelete(Principal principal, @PathVariable("id") Integer id) { Question question = this.questionService.getQuestion(id); if (!question.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "삭제권한이 없습니다."); } this.questionService.delete(question); return "redirect:/"; } public Question getQuestion(Integer id) {// Integer 로 타입이 들어오면 null 값도 허용해줄 수 있음 Optional question = this.questionRepository.findById(id); if (question.isPresent()) { return question.get(); } else { throw new DataNotFoundException("question not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } public void delete(Question question) { this.questionRepository.delete(question); } ```

### ? 답변 등록 / 수정 페이지(답변 등록) ![질문 상세 페이지(답변 등록)](https://i.imgur.com/CB2Ai2v.png) ```html ``` ```java @PreAuthorize("isAuthenticated()") @PostMapping("/create/{id}") public String createAnswer(Model model, @PathVariable("id") Integer id, @Valid AnswerForm answerForm, BindingResult bindingResult, Principal principal) { Question question = this.questionService.getQuestion(id); // TODO: 답변을 저장한다. SiteUser siteUser = this.userService.getUser(principal.getName()); if (bindingResult.hasErrors()) { model.addAttribute("question", question); return "question_detail"; } Answer answer = this.answerService.create(question, answerForm.getContent(), siteUser); return String.format("redirect:/question/detail/%s#answer_%s", answer.getQuestion().getId(), answer.getId()); } ```

### ? 답변 등록 / 수정 페이지(답변 수정) ![답변 등록 페이지(답변 수정)](https://i.imgur.com/xhu2PNS.png) ```html

답변 수정

``` ```java @PreAuthorize("isAuthenticated()") @GetMapping("/modify/{id}") public String answerModify(AnswerForm answerForm, @PathVariable("id") Integer id, Principal principal) { Answer answer = this.answerService.getAnswer(id); if (!answer.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정권한이 없습니다."); } answerForm.setContent(answer.getContent()); // 입력창에 기존의 답변 내용을 표시함 return "answer_form"; } @PreAuthorize("isAuthenticated()") @PostMapping("/modify/{id}") public String answerModify(@Valid AnswerForm answerForm, @PathVariable("id") Integer id, BindingResult bindingResult, Principal principal) { if (bindingResult.hasErrors()) { return "answer_form"; } Answer answer = this.answerService.getAnswer(id); if (!answer.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정권한이 없습니다."); } this.answerService.modify(answer, answerForm.getContent()); return String.format("redirect:/question/detail/%s#answer_%s", answer.getQuestion().getId(), answer.getId()); } public Answer getAnswer(Integer id) {// Integer 로 타입이 들어오면 null 값도 허용해줄 수 있음 Optional answer = this.answerRepository.findById(id); if (answer.isPresent()) { return answer.get(); } else { throw new DataNotFoundException("answer not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } public void modify(Answer answer, String content) { answer.setContent(content); answer.setModifyDate(LocalDateTime.now()); this.answerRepository.save(answer); } ```

### ? 질문 상세 페이지(답변 삭제) ![질문 상세 페이지(답변 삭제)](https://i.imgur.com/ykFvmgk.png) ```html 질문 상세보기 페이지

modified at

``` ```java @PreAuthorize("isAuthenticated()") @GetMapping("/delete/{id}") public String answerDelete(Principal principal, @PathVariable("id") Integer id) { Answer answer = this.answerService.getAnswer(id); if (!answer.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "삭제권한이 없습니다."); } this.answerService.delete(answer); return String.format("redirect:/question/detail/%s", answer.getQuestion().getId()); } public Answer getAnswer(Integer id) {// Integer 로 타입이 들어오면 null 값도 허용해줄 수 있음 Optional answer = this.answerRepository.findById(id); if (answer.isPresent()) { return answer.get(); } else { throw new DataNotFoundException("answer not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } public void delete(Answer answer) { this.answerRepository.delete(answer); } ```

### ? 질문 상세 페이지(댓글 등록) ![질문 상세 페이지(댓글 등록)](https://i.imgur.com/KlthQL1.png) ```html 질문 상세보기 페이지

modified at

``` ```java @PreAuthorize("isAuthenticated()") @PostMapping("/create/{id}") public String createComment(Model model, @PathVariable("id") Integer id, @Valid CommentForm commentForm, BindingResult bindingResult, Principal principal) { Answer answer = this.answerService.getAnswer(id); // TODO: 답변을 저장한다. SiteUser siteUser = this.userService.getUser(principal.getName()); if (bindingResult.hasErrors()) { model.addAttribute("answer", answer); return "question_detail"; } this.commentService.create(answer, commentForm.getComment(), siteUser); return String.format("redirect:/question/detail/%s#answer_%s", answer.getQuestion().getId(), answer.getId()); } public Answer getAnswer(Integer id) {// Integer 로 타입이 들어오면 null 값도 허용해줄 수 있음 Optional answer = this.answerRepository.findById(id); if (answer.isPresent()) { return answer.get(); } else { throw new DataNotFoundException("answer not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } public SiteUser getUser(String username) { Optional siteUser = this.userRepository.findByusername(username); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteuser not found"); } } public Comment create(Answer answer, String comment, SiteUser author) { Comment c1 = new Comment(); c1.setComment(comment); c1.setCreateDate(LocalDateTime.now()); c1.setAnswer(answer); c1.setAuthor(author); this.commentRepository.save(c1); return c1; } ```

### ? 질문 상세 페이지(댓글 표시) ![질문 상세 페이지(댓글 표시)](https://i.imgur.com/gj2t0pV.png) ```html 질문 상세보기 페이지

modified at

```

### ? 질문 상세 페이지(추천 기능) ![질문 상세 페이지(추천 기능)](https://i.imgur.com/x78KCPt.png) ```html 질문 상세보기 페이지

modified at

``` ```java // 질문 추천 기능 @PreAuthorize("isAuthenticated()") @GetMapping("/vote/{id}") public String questionVote(Principal principal, @PathVariable("id") Integer id) { Question question = this.questionService.getQuestion(id); SiteUser siteUser = this.userService.getUser(principal.getName()); this.questionService.vote(question, siteUser); return String.format("redirect:/question/detail/%s", id); } public Question getQuestion(Integer id) {// Integer 로 타입이 들어오면 null 값도 허용해줄 수 있음 Optional question = this.questionRepository.findById(id); if (question.isPresent()) { return question.get(); } else { throw new DataNotFoundException("question not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } public SiteUser getUser(String username) { Optional siteUser = this.userRepository.findByusername(username); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteuser not found"); } } public void vote(Question question, SiteUser siteUser) { question.getVoter().add(siteUser); this.questionRepository.save(question); } // 답변 추천 기능 @PreAuthorize("isAuthenticated()") @GetMapping("/vote/{id}") public String answerVote(Principal principal, @PathVariable("id") Integer id) { Answer answer = this.answerService.getAnswer(id); SiteUser siteUser = this.userService.getUser(principal.getName()); this.answerService.vote(answer, siteUser); return String.format("redirect:/question/detail/%s#answer_%s", answer.getQuestion().getId(), answer.getId()); } public Answer getAnswer(Integer id) {// Integer 로 타입이 들어오면 null 값도 허용해줄 수 있음 Optional answer = this.answerRepository.findById(id); if (answer.isPresent()) { return answer.get(); } else { throw new DataNotFoundException("answer not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } public SiteUser getUser(String username) { Optional siteUser = this.userRepository.findByusername(username); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteuser not found"); } } public void vote(Answer answer, SiteUser siteUser) { answer.getVoter().add(siteUser); this.answerRepository.save(answer); } ``` # ?????긴 글 읽어주셔서 감사합니다.?????? ---