커뮤니티 페이지 구현 중에
react-paginate 라이브러리를 이용해서 json-server로 애초에 1페이지에 해당되는 데이터를 axios로 받아와 페이지네이션 기능을 구현했으나, 검색 기능을 구현할때 검색된 데이터 또한 1페이지에 해당되는 데이터로 받아와야 하는 문제가 발생했다.
이는 검색 기능에서 뿐만아니라, 차후에 구현해야할 기능 중 페이지네이션을 적용할 카테고리 필터링과 날짜,조회,추천순 정렬에도 해당되는 문제였다.
이 문제를 해결하기 위해서 페이지네이션 기능을 다시 구현해야했다.
- 여유가 될때 내용 추가 예정
구현 중 느낀 문제점
애초에 items가 _page=1&_limit=5의 데이터인데,
여기다가 .filter하면 당연히 그 데이터만 나오겠지
근데 모든 데이터를 나오게 하면, 페이지네이션은 어떻게 하지..
페이지네이션하려고 제한된 데이터를 받아온건데..?
삼항연산자를 써서 페이지네이션 시에는 분리된 데이터를 쓰고,
검색할때는 전체 데이터를 써야하나???????
삼항연산자로 구현하려하니까 검색으로 추려진 데이터를 또 페이지네이션 해야하는데..
원래는 애초에 한페이지씩 잘라진 데이터를 받아왔는데.. 이 경우 어떻게 해야하지?
카테고리 필터로 게시글 띄울때도 같은 문제... 즉.. 추려진 데이터를 또 페이지네이션 하려면
전체 데이터를 받아와서 페이지네이션 하는 방법을 찾아야할듯?
