Per ardua ad astra.

무한 스크롤(Infinite Scroll), 스켈레톤(Skeleton) 효과 적용하기 (with React Query)들어가며React Query를 이용하여 무한 스크롤(Infinite Scroll)과 스켈레톤(Skeleton) 효과를 적용한 예제 코드를 올려본다.개인 미니 프로젝트를 진행하면서 만들었던 코드이다.검색어를 입력하면, 해당 검색어와 관련된 이미지를 표시하는 사이트Unsplash 공개 API를 이용하여 구현하였다. 코드리액트 쿼리의 useInfiniteQuery()를 이용하여 무한 스크롤(Infinite Scroll) 기능을 구현하였다.IntersectionObserver를 사용하여 스크롤이 페이지의 맨 아래에 도달했을 때만 다음 페이지의 데이터를 불러오도록 설정하였다.useStat..

리액트 쿼리(Tanstack Query, React Query)들어가며React Query라고 불린 Tanstack Query 라이브러리에 대해 정리해본다.Tanstack Query(React Query)개념리액트 애플리케이션에서 서버 상태(데이터)를 쉽게 관리하고 조작할 수 있도록 도와주는 라이브러리React Query가 2022년 초에 Tanstack Query로 이름이 변경되었다.React Query가 포함된 Tanstack 생태계를 확장하고, 다양한 프레임워크와 플랫폼에서 사용할 수 있는 범용 데이터 페칭 및 상태 관리 라이브러리를 목표로 하기 위해서 였다고 한다.Tanstack Query는 이제 React뿐만 아니라 Vue, Svelte, Solid와 같은 다른 프레임워크에 대한 지원도 포함하고..