1. 과제 - 댓글기능 작성
47일차 과제 진행사항 https://github.com/insamju300/2024_01_Spring_AM/commit/b591d0e8e087bc1f386a0ea4bfff59f091c76307
최대한 ajax위주로 구현했다.
도중에 고민한 내용은 주로 1차 댓글이 아니라 답글과 관련된 부분들 이었다.
보여주는 처리에서 youtube를 참고하여 탓에 1차 댓글들은 무한 스크롤 방식으로 처리하였었다.
그러나 답글들의 경우, 답글n개를 클릭해야 보이는 구조였으며, 한번에 10개를 보여주고, 댓글 더 보기를 누르면 남은 댓글들을 추가로 가져오는 구조였다.
여기서 걸리는 문제는, 이 댓글 더보기를 어떨때 표시해야 하나에 대한 문제였다. 삭제를 개념 삭제로 처리하고 페이지에서 삭제된 댓글이라고 표시할까도 생각했지만, 유튜브에서 삭제한 댓글은 그냥 지워졌기에, 삭제 했을 땐 페이지에서 해당 댓글이 날아가게 처리했다.
최종적으로 선택한 방식은 댓글 더보기를 클릭 할 때 마다, 데이터를 가져오면서, 남은 데이터가 있는지 그 때 그 때 db쪽에서 확인해서 있는 경우에만 댓글 더보기를 표시하도록 하는 방식이었다.
2. 프론트 엔드쪽 값 확인에 대한 조언
console.log로 각 단계에서 제대로된 값이 넘어오는지 꾸준히 확인 할 것.
3. 프로젝트 관련 조언
코드펜 저작권 Pre 니까, 직접 짤 생각하지 말고 되도록 가져다 쓸 것.
도움이 될만한 library들
gsap
anime js
백엔드 취업을 꿈꾸는 일본어 전공자