Inflearn brand logo image

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

코딩딩딩님의 프로필 이미지
코딩딩딩

작성한 질문수

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

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

무한스크롤 기능, 검색기능 대소문자

작성

·

64

·

수정됨

0

강의 잘 보고 있습니다.

무한 스크롤 기능 구현 해보았는데요

영화가 60개까지 나오고 진행이 되지 않다가 개발자 도구를 켜면 더 스크롤이 되는데 그것도 120번 영화에서 끊깁니다. 머가 문제일까요 ...ㅠ

 

검색기능에서 title 첫글자 대소문자 상관없이 하려면 어디를 수정해야 하나요?

답변 1

0

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

혹시 전체 코드를 저에게 보내주실 수 있을까요? Github 링크 남겨주시거나 초대주시면 코드를 한번 살펴보겠습니다!

코딩딩딩님의 프로필 이미지
코딩딩딩
질문자

넵~ 깃헙 초대 드렸습니다~!

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

  1. 쿼리 상으로는 아무리 봐도 문제가 없네요. 제 추측에는 intersection observer 때문인 것 같습니다. 우선 useEffect 함수의 의존성 배열을 아래처럼 수정해보시겠어요?

      useEffect(() => {
        if (inView && hasNextPage && !isFetching && !isFetchingNextPage) {
          fetchNextPage();
        }
      }, [inView, hasNextPage, isFetching, isFetchingNextPage]);
  2. title을 대소문자 구분없이 쿼리 하시기 위해서는 like 함수가 아니라 ilike 함수를 사용하시면 됩니다. 관련 링크

     

코딩딩딩님의 프로필 이미지
코딩딩딩
질문자

감사합니다 대소문자는 잘 해결 되었습니다. 아직 출력되는 영화 수에 문제가 있는데 말씀해주신 방법으로 수정 후엔 72개 까지 나오고 멈춥니다. 정리하면 수정전에 60개에서 개발자도구를 켜면 120개, 지금은 72개 개발자도구 on 140개 전체..

anjrkanswpdlfrk.JPG.webp

그리고 콘솔에 요렇게 뜨네요. pageParam, pageSize 에 문제가 있는걸까요?

코딩딩딩님의 프로필 이미지
코딩딩딩

작성한 질문수

질문하기