[2차 스터디] 2주차 회고록 - Infinite scroll

[결과물 이미지]

 

 

[새롭게 알게 된 내용]

• Masonry - React
• useSuspenseInfiniteQuery - React-query
• OpenAPI 활용 방법

 

 

[느낀 점]

useInfiniteQuery에 대한 이해도가 좀 부족하고 docs를 통해서 이해한 내용이 조금 잘못되어서 개념과 구현을 하면서 어려움이 많았다. 구상한대로 구현이 가능하다고 생각을 했는데 최종 발표에서 다른 조원들과 얘기를 하면서 조금 잘못된 부분이 있다는 것을 느꼈다.

실제 infiniteQuery에서 prefetch를 구현할 수 있는 예제가 있었는데(queryClient.prefetchInfiniteQuery) 이 부분에서 나는 trigger로 인해 데이터를 불러올 때 미리 백그라운드에서 다음 데이터를 불러오는 것이라고 생각을 했었는데 그것과는 조금 다른 느낌이였으며 예를 들면 디테일 페이지를 들어가기 전 미리 불러오는 Next의 Link tag와 같은 prefetch와 같은 느낌으로 이해를 하고 사용하는 것이 좀 더 올바를 수 있다고 생각이 되어 확실히 다른 사람과의 교류를 통해서 배우는 점이 많다고 생각이 들었다.

또한 내가 모르는 CSS적인 내용이 굉장히 많아서 이러한 부분에서 아직도 많은 부족함을 느끼면서 이번 과제를 통해서 성장을 할 수 있었다고 느껴졌다.

아쉬운점은 과제 외 다른 계획에 대해서 시간을 많이 잡아먹어서 많은 구현을 하지 못한 점이 좀 아쉬웠고, 실제로 그와 관련되서 조금의 번 아웃이 오기도 해서 많이 집중을 못한 한 주였기에 다음 과제 및 다음 주에는 좀 더 많은 성장을 할 수 있도록 노력해야겠다.