HYEWON JUNG의 개발일지

목표 목록페이지 페이지네이션=> 무한스크롤 변경 새로 알게 된것/ 오늘의 코드 당연히 시작은 패키지 설치! yarn add react-query yarn add react-intersection-observer 무한스크롤 적용하기 UX적으로 무한스크롤이 좋을 것 같다는 판단을 내려서 기존에 구현했던 페이지네이션을 지우고 무한스크롤로 변경하기로 했다. 기존에 마이페이지에선 무한스크롤을 구현하고 있었기 때문에 react-intersection-observer와 useInfiniteQuery를 사용하여 구현하셨기 때문에 통일성을 위해 나도 그렇게 구현을 했다. 서버상태 관리를 위해 react-query로 서버로직을 관리했다. CommuQuery.ts export const fetchPosts = async (..

목표 대댓글 구현하여 소통창 넓히기 테이블 분리 새로 알게 된것/ 오늘의 코드 댓글을 원래는 대댓글이 없이 진행을 하려다가 커뮤니티에서 공구나 구인 등을 하게 되니까 비밀 댓글이나 댓글로 조금더 소통할 수 있게 하는 것이 좋을 것 같아서 디벨롭을 하기로 했다. 기존에 댓글 작성로직은 간단하게 커뮤니티 테이블에 Comment를 넣어서 객체 배열로 넣어주었는데 대댓글은 아무래도 테이블을 분리하는 것이 좋을 것 같아 아예 새로운 로직을 구성하기로 했다. 테이블 구성은 댓글의 고유 id 댓글이 그냥댓글인지 대댓글인지 판별할 용도인 parent id 해당 게시물의 id 댓글내용 작성시간 익명여부 비밀글 여부 이렇게 구성했다. 댓글 CRUD를 해야하는데 다른 것 보다 R이 조금 걱정이다.. UI는 어떻게 구성하는 ..