Pre-Project 진행

학습일지.

페이지네이션, get으로 서버에서 글을 가져오기 진행,

get으로 첫 페이지를 가져오는데 data가 undefined로 나오는 문제가 발생, 확인 결과 문제는 서버에서 데이터를 가져오기 전에 컴포넌트의 로딩이 끝나서 생기는 문제로,

if (isLoading) return;
  <div>now loading..</div>;

을 추가해서, 데이터가 로딩중일때는 now loading이라는 글자로 대신하고, 데이터 로딩이 끝났을때 제작한 컴포넌트가 로딩되도록 하여 문제를 해결하였다.

페이지네이션에서 어려움을 겪었다. page를 이동해도 서버를 저장해서 업데이트 시켜주지 않으면 페이지가 이동되지 않는 문제가 있었는데, useQuery에서 { page }를 가져옴으로서 문제를 해결했다.

recoil을 이용해서 페이지의 상태관리를 했지만, recoil을 사용하면 새로고침을 했을때, 상태가 저장되지 않고, default값으로 되돌아가는 문제 발생, 해결책은 recoil-persist 라이브러리를 사용함으로서 문제를 해결하였다.