[refactor] 게시글과 댓글 연관관계 매핑 개선하기

🏃 게시글,댓글 연관관계 매핑 개선 🏃

지난 번에 연습삼아 구현했던 게시판 페이지를 개선해보려고한다.
만약 하나의 페이지에서 모든게 다 진행이되었다면, 큰 문제는 아니었겠지만
Multi page의 게시판이기 때문에 화면을 넘어갈 때,
해당 글의 id값을 어떻게 넘겨받을 수 있을지 고민이 참 많이 됐다.

요즘엔 SPA 방식을 많이 사용한다지만,
그렇다고해서 이걸 그냥 무시하고 넘어가버리기엔 찝찝하기도해서 찝찝했던 부분을 해결해보려고한다.

---

📌 1. 첫 번째 방법

URL 파씽해서 id값 얻어오기 + FK 역할을 할 임의의 Id값을 처음부터 Column에 넣어버리기

단순하지만 사람들이 가장 많이 쓰는 방법인 것 같다.
(JPA 연관관계 매핑을 사용하지 않은 것과 같다.)

예를들어, boardDetail?id=1 으로 url이 넘어온다면,

Js의 location.search를 사용하여 =을 기준으로 파씽하여 id값을 가져온다.

id = location.search.split('=')[1]

그 id값을 게시글의 id 컬럼 값으로 setter를 사용해서 넣어준다.

일단 따로 id값을 Entity에 추가해줬다는게 마음에 들지 않았고,setter로 넣어줬다는 것도 좋지 않은 방법이고,
무엇보다 url 파씽하는건.. 너무 멋이 없다..ㅎ

---

📌 2. 두번째 방법

URL로 id 파씽해서 id값 가져오기 + 댓글 조회시 id값 파라미터로 받아서 하나씩 꺼내서 set으로 연관관계 매핑해주기

/** * 댓글 조회 */ @GetMapping("api/comment") public List<Comment> findComments(@RequestParam(value = "article_id") Long article_id, @AuthenticationPrincipal UserDetailsImpl userDetails) { List<Comment> commentList = commentRepository.findAllByArticle_idOrderByCreatedAtDesc(article_id); for (Comment comment : commentList) { comment.setNowUser(userDetails.getUsername()); } return commentList; }

지금 코드 보니까 왜이렇게 한지 모르겠다..
졸면서 코드 짰니..? 정신 차리고 코드 짜자!!!

---

📌 3. 마지막 방법

현재, 이 방법으로 코드를 개선했다.

0. 기본 세팅 ✔

- 게시글과 댓글은 1:N 단방향 연관관계로 매핑
- 영속성 전이를 적용하여 게시글이 삭제될 때 댓글도 모두 삭제되게함

@ManyToOne @JoinColumn private HoneyPost honeyPost;

@OneToMany(cascade = CascadeType.ALL) private List<HoneyComment> honeyComments;

1. id값을 보내주는 시기 ✔

- 게시글 상세 조회 페이지로 넘어갈 때 model에 담아서 함께 보내준다.

@GetMapping("honey/detail/{id}") public String honeyDetail(@PathVariable Long id, Model model) { model.addAttribute("ParentId",id); model.addAttribute("honeyDetail",honeyService.findOne(id)); return "honey/honey-detail"; }

2. view에서 받을 때 ✔

mustache를 사용하고 있기 때문에{{TargetId}}로 간단하게 id값 받을 수 있다.

<button type="button" class="btn btn-sm btn-primary" onclick="saveComment({{ParentId}})">등록</button>

3. 저장시에, api에 id값 담아서 보내기 ✔

$.ajax({ type: 'POST', url: `/api/honeyc/${ParentId}`, contentType: 'application/json; charset=utf-8', data: JSON.stringify(data) }).done(function (success) { console.log(success) alert('댓글이 등록되었습니다.'); window.location.reload(); }).fail(function (error) { console.log(error) alert(JSON.stringify(error)); });

4. 유의미한 메소드를 생성하여 댓글과 글(post) 설정 ✔

 //생성 public void saveComment(Long targetId,HoneyCommentApiDto commentApiDto) { //연관된 게시글 HoneyPost honeyPost = honeyRepository.findById(targetId).orElseThrow( () -> new IllegalArgumentException("해당 아이디가 존재하지 않습니다.") ); HoneyComment comment = commentRepository.save(commentApiDto.toEntity()); comment.changePost(honeyPost); }

public void changePost(HoneyPost honeyPost) { this.honeyPost=honeyPost; }

DB에도 FK값이 잘 매핑된 것을 확인할 수 있다.