📚ReadyBooks📚 댓글 구현하기

댓글 부분을 구현한 것을 여러 번 이였다! 하지만 백엔드와 통신을 하며 실제로 구현해 본 것은 이번이 처음!!! 정말 달랐다! 와... 이래서 혼자 개발하는 것과 실제로 백엔드와 맞추며 개발하는 것은 정말 천지 차이구나를 다시 한번 더 느꼈다.

1차 시도

배경

• 책 상세 페이지의 댓글 부분은 실시간 채팅으로 사용되기보다는 리뷰 느낌의 글쓰기이기 때문에 쓸 때마다 통신을 통해 해당 부분을 받아오기보단 내가 적은 부분을 프론트단에서 추가하고 해당 부분을 백에게 전달하려고 했다(장바구니 느낌이랄까?!)

문제 (문제가 너무 많다...)

• 당연히 문제가 생긴 것이 리뷰 부분은 사용자별 혼자만의 공간이 아니다. 다른 사람들에 의해 추가된 리뷰를 실시간은 아니지만 업데이트해서 보여줘야 한다.
• 내가 생성한 댓글을 삭제하는 부분에서 문제가 생기는데
  -> 생성한 댓글을 삭제하기 위해서는 나의 뷰에서도 삭제되어야 하지만 백엔드의 데이터 베이스에서도 삭제되어야 한다.
• 원래 리뷰 자체의 id 를 사용해서 삭제해야 했는데 프론트에서 이 리뷰 id를 난수를 만들더라도 문제가 생길 수 있고
• 프론트에서 해당 유저가 생성한 시간을 기준으로 지우고 백에게 유저와 유저가 해당 댓글을 생성한 시간을 전해줘서 해당 댓글을 지우도록 하는 방법도 생각했지만 너무 복잡해졌다.(예전에 알고리즘을 하며 느꼈지만 아직 내가 하는 부분은 어려운 부분이 아니기 때문에 해결법이 너무 어려워지거나 예외 처리가 많아지거나 분기가 많아지면 나의 해결법이 잘못된 길로 감을 알게 되었다.) 그렇기에 이 방법은 해결법이 아님을 직감하고 다른 방법을 찾기 시작했다.

2차 시도

방안

오케이! 일단 댓글을 생성할 때 백엔드와 통신은 꼭 해야 한다!

• 댓글이 추가를 사용자가 원하면 이 댓글 내용을 백엔드에게 보낸다.
  • (댓글, 별점, 토큰)을 프론트에서 백엔드에게 보내면 => 백엔드에서 작성된 날짜, 작성한 사용자의 이름, 작성한 사용자, review_id, 댓글 내용, 별점, 이 저장된다.

고민

여기서 고민

• 여기서 댓글 추가를 완성하고 리턴으로 현재까지의 댓글을 받을 수 있을까???!!
  (그럼 프론트에서 다시 댓글을 받기 위해서 통신을 하지 않아도 되지 않는가?!)

문제

일단, 이를 늦은 저녁이라 멘토님이 없어 한 백엔드분에게 물으니 밥 먹는 것과 화장실 가는 것(블로그이기에 순화했다)를 같이 할 수 있나고 했다. ㅋㅋㅋㅋㅋㅋㅋㅋ

(왜!!!! 난 할 수 있는데!!! 라고 장난을 쳤지만 이해했다. 기능별로 통신을 나누는 게 좋지 너무 욕심을 부렸다는 생각이 들었다. 물론 시도는 해보고 물어는 볼 수 있는 게 아닌가 ㅋㅋㅋㅋㅋㅋㅋ)

결론

• 댓글이 추가되면 해당 부분을 백엔드에게 보내고
• 성공적으로 추가되면 리뷰 부분을 다시 백통신을 통해 받아 최신화해준다.
• 이를 통해 해당 댓글을 삭제할 때면 review_id 를 통해 삭제한다.
• 삭제가 성공적으로 되면 당연히 다시 백통신을 통해 리뷰 부분을 최신화한다.