안재관
박민형
유지영
조예지
우대현
오늘은 무한 스크롤을 적용하기에 앞서 많은 문제들이 생겼다.
- 모바일의 경우 페이지네이션을 제거하기 위해서 window.innerWidth를 활용하여 일정 화면 사이즈 이하는 페이지네이션 제거 및 전체 포스트 데이터를 렌더링하도록 변경
- post/channel/:channelId 페이지와 search/:channelId 페이지에서 channelId를 활용하여 렌더링하다보니 channelId의 변화가 없기 때문에 다시 리렌더링 되는것이 아니라 검색 페이지에서의 검색 결과가 그대로 포스트 리스트에서도 그대로 적용되서 렌더링 되는 문제가 발생, useEffect에 pathname dependency를 추가하여 pathname의 변화에 따라서 다시 새로운 데이터를 불러와 렌더링 될 수 있도록 하고 inputvalue를 초기화하는 로직을 추가하여 해결
- 그리고 아직 해결하지는 못했지만 검색페이지의 경우에는 검색하고자 하는 채널 혹은 전체 글 카테고리에서 전체 데이터를 기준으로 검색을 해야하고, 포스트 리스트를 보여주는 페이지에서만 무한스크롤을 적용해야하기 때문에 데이터를 조건을 붙여 페이지마다 별개로 불러와서 해결해야 하는 문제가 발생. 그리고 무한스크롤을 훅으로 만들었는데 body에서만 hook을 사용할 수 있기 때문에 조건들을 적용하기가 쉽지 않은 문제가 발생했다. (아직 해결하지 못했다)