👉🏻 여기서는 페이지네이션을 구현할때 호출되는 API와 함께 페이지네이션 구조를 살펴 봅니다.Here, we examine the pagination structure along with the API called when implementing pagination. 👉🏻 이전 포스트에서 ClientList.tsx에서 TimelineList.tsx로 초기데이터를 전달하면 이 데이터가 useCursonPagination훅에 들어갔다가 나옵니다.As mentioned in the previous post, when initial data is passed from ClientList.tsx to TimelineList.tsx, it is processed by the…

👉🏻 이번에는 페이지네이션 기능의 구조를 자세히 살펴 봅시다.Now, let’s take a closer look at the structure of the pagination feature. 👉🏻 이전 포스트에서 데이터가 app/usersui/[username]/page.tsx에서 시작해서 app/usersui/[username]/_components/themes/themeex/Timeline.tsx까지 어떻게 흘러가는지 살펴 보았습니다.In the previous post, we examined how data flows from app/usersui/[username]/page.tsx down to app/usersui/[username]/_components/themes/themeex/Timeline.tsx. 👉🏻 이 페이지네이션 파트에서는 초기 데이터가 화면에 표시된 후에 스크롤을 내리면…

👉🏻 여기서는 액티브테마와 타임라인의 커서 페이지 네이션 구조를 분석해 봅니다.Here, we analyze the cursor-based pagination structure of Active Themes and Timelines. 👉🏻 커서페이지네이션은(페이지 네이션 + 무한스크롤)입니다.Cursor-based pagination is a combination of pagination and infinite scrolling. 👉🏻 보통 우리가 모바일 폰에서 스크롤을 아래로 내려서 화면끝에 도달하면 데이터를 추가로 뒤에 붙이는 방식을 의미합니다.It typically refers to the…