인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

codestudy님의 프로필 이미지

작성한 질문수

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

무한 스크롤 기능 구현하기, 더 나은 검색을 위한 SEO 작업하기

6:29 movie-card-list.tsx파일작성하시기전에

해결된 질문

작성

·

26

0

6:29 movie-card-list.tsx파일작성하시기전에
혹시 movieActions.ts파일에서 작업을 하셨었나요?? 3000 포트 브라우저에서 저는 스크롤을 내렸는데 false 에서 true로 바뀌지 않았었습니다.

답변 2

0

로펀님의 프로필 이미지
로펀
지식공유자

안녕하세요 🙂 질문이 제대로 이해가 되지 않았는데 혹시 조금만 더 자세히 설명해주실 수 있을까요? 슬랙으로 문의주시면 더 빠르게 답변드릴 수 있을 것 같습니다.

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. codestudy님께서 문의주신 내용에 대해 안내해드리겠습니다.

movie-card-list.tsx 파일 작성 전에 혹시 movieActions.ts 파일에서 작업을 하셨는지 문의주셨네요. 아래 관련 질문이 해결될 때 참고할 만한 자료를 소개합니다.

무한 스크롤을 구현할 때 스크롤의 상태와 관련해서 자세한 설정이 필요할 수 있습니다.

특히, useInfiniteQuery를 사용하는 경우, hasNextPage와 같은 상태 값이 적절히 관리되도록 신경 써야 합니다. 이와 관련하여, 리액트 쿼리의 무한 스크롤에 대한 이해를 도울 수 있는 링크를 제공해 드립니다:

이 자료에서는 useInfiniteQuery를 활용해 무한 스크롤을 구현하는 방법과 관련된 논의를 살펴보실 수 있습니다. 페이지 상태 변경이 기대대로 이루어지지 않는다면, useInfiniteQuery의 설정이나 데이터 페칭 로직을 다시 한번 점검해보시는 것을 권장드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.