무한 스크롤 정리 2

무한 스크롤 정리2 이제 무한 스크롤을 본격적으로 써먹어 봐야한다. const getPokemons = async ({ pageParam = 1 }) => { const res = await fetch(`http://localhost:3000/api/shop?page=${pageParam}`); const data = await res.json(); return data;};이전에 써먹었던 코드를 갖고와야 한다. 근데 페이지 번호를 받아와야 함.기본적으로 페이지 번호를 1로 설정하고, 주어진 페이지 번호를 사용해 해당 페이지의 데이터를 서버에서 가져오는 과정이다. const { data: pokemons, fetchNextPage, hasNextPage, isFetchingNextPage} ..

• format_list_bulleted TIL
• · 2024. 7. 16.
• textsms

무한스크롤 정리 1

무한스크롤....나를괴롭혔던무한스크롤,... 사실 언젠가는 ㅋㅋ 해야할 것 같은,,,, 넣어야 할 것 같은 기능이긴 했다. 언제까지 머 일부만 불러오거나 무식하게 한꺼번에 불러오거나 할 순 없으니께... 단지 그게 지금은 아니라고 생각했을 뿐!!!!1!!!!!!!! 근데 결국 넣어야 할 것 같아서 넣었다. . . ㅡㅠ 블로그나 이런 델 열심히 뒤져서 찾아보긴 했는데 쉽다면서요? ...  이해 1나도 안 가...  그래서 정리한다...  먼저 api 불러오는 코드는 내가 짠 것이 아님 그래서 이것도 잘 모른다. 그래서 기존 코드부터 정리해본다...  첫번째 기존 코드import { NextResponse } from 'next/server';import axios from 'axios';const TOTA..

• format_list_bulleted TIL
• · 2024. 7. 15.
• textsms