🔥 #19 댓글 창 구현하기 (Feat. 무한참조 방지)

댓글창을 먼저 디자인 해야 한다.

w3school 에서 부트스트랩을 이용하였다.

이렇게 댓글창이 만들어졌고, 이제 댓글 목록을 뿌려볼 차례이다!!

---

Board 객체를 보면,

여기서 board 객체는 reply 를 가지고 있다.

따라서, 상세보기 Controller와 Service에서 reply에 대해 추가할 것이 없다.

따라서 Board 안에 있는 Reply가 EAGER 전략에 의해 불러질테니,
위처럼 그냥 사용하면 된다!!

그러면 Board 안에 있는 Reply 들이 이렇게 댓글 리스트로 불러와진다!

---

🚫 문제

<무한참조 발생>

테스트로 Board를 find 하면, 무한참조가 발생한다.
그 이유는 Board 객체에서 Reply를 갖고 있고, Reply 객체에서 Board를 갖고 있기 때문이다. (연관관계 매핑!!)

위처럼 /test/board/1 의 1번 게시물에 들어가면 무한 참조 발생..

💡 무한참조 방지하기

Board 객체에서는 Reply를 참조해야 하지만, Reply 객체에서는 Board 객체를 참조할 필요가 없다.

왜냐하면, 글 상세보기에 들어가 Board 객체를 불러오면 그 글에 해당하는 Reply들이 불러와져야 하기 때문이다!!

@JsonIgnoreProperties

이렇게 Board 객체에 @JsonIgnoreProperties 어노테이션을 걸어주면, Reply에서는 Board 호출이 되지 않는다. 즉, Reply 에서 Board 의 get 이 무시된다.

Test 컨트롤러에서 Board 객체라는 Data를 리턴하였으니 MessageConverter 가 작동하여 json으로 리턴 되었고, 무한 참조가 아닌 Board의 Reply만 불러와진다.

다시 자세히 뜯어보면,

Board 객체 정보인데, 파란색 점이 Board 객체의 필드이다.
Board 객체는 User과 Reply를 EAGER 전략으로 같이 불러오므로, 빨간색 밑줄 부분을 보면 User 객체와 Reply 객체가 불러와진 것을 볼 수 있다.

또한 User 객체로 들어가면, User 객체는 참조하고 있는 다른 객체가 없으므로 본인의 필드 값들만 불러오고,

Reply 객체로 들어가면, Reply 객체는 User 객체와 Board 객체를 참조하고 있지만 Board 객체는 내가 위에서 @JsonIgnoreProperties 어노테이션으로 참조를 막았으므로 User 만(노란색) 불러오는 것을 볼 수 있다.

즉, Board 객체의 Reply 필드에 @JsonIgnoreProperties 어노테이션 을 붙였으므로, Board를 통해서 Reply(replys)를 뽑을 때는 Reply 안에서 Board 를 json으로 파싱하지 않는다. (파싱(변환)하면 무한참조가 일어나기 때문)