스크롤 복원

React query에서 무한스크롤을 미리 prefetch할경우 다음과같은 문제점이 있습니다.

1. 1 ~ 10 까지의 list가 posts key에 prefetching
2. 유저가 스크롤해서 11 ~ 20 까지의 list도 posts key에 추가 저장됨
3. 15번 게시물로 route 이동
4. 뒤로가기를 하면 nextjs의 getServerSideProps 는 무조건 실행되는 메소드이므로 1 ~ 20 까지의 게시물들은 1 ~ 10으로 다시 초기화됨 (스크롤 복원 X)

따라서 infinity query는 prefetching하기보단 initial data로 뿌려주게 해놨습니다.

다만 이경우 이전에 불러온 게시물이 삭제됬거나 수정됬을 경우 동기화가 안된다는 문제점이 생기는데 삭제되거나 수정되는 게시물을 동기화시켜주기보단 스크롤 복원이 우선순위라고 생각하기 떄문에 initial data로서 적용했습니다.

추후 시간이 된다면 infinity query보다는 ['posts', postId, pageKey] 와 같은 일반 query로 교체시킬 계획입니다.

게시글 불러오는 기준

일반적으로 만약 다음과같은경우 같은 게시물이 2번불러와지는 경우도 생깁니다.

1. page 1 게시물 불러옴 (1 ~ 10)
2. 게시물이 하나 추가됨
3. page 2 게시물 불러옴 (10 ~ 19)