Fix: 게시물 무한스크롤 데이터 불러오기 #65

Author: jiyeeeah

components/pages/main/Feed/BoardsList/index.tsx

@@ -19,6 +19,7 @@ export default function BoardsList({
     Observer,
     data: boardList,
     isLoading,
+    hasNextPage,
   } = useGetBoardList({
     infiniteQueryKey: ['boards'],
   });
@@ -42,7 +43,6 @@ export default function BoardsList({
                 <FeedBoardCard
                   userId={board.writer}
                   content={board.content}
-                  // TODO: 이미지 연결
                   imgs={board.fileNames}
                   setShowModal={setShowModal}
                   comments={board.replyListDto}
@@ -55,6 +55,7 @@ export default function BoardsList({
           ),
         )
       )}
+      {hasNextPage ? null : <div>🐾 더이상 게시물이 없어요 🐾</div>}
       <Observer>
         <div>로딩스피너...</div>
       </Observer>

hooks/queries/useGetBoardList.tsx

@@ -51,5 +51,6 @@ export default function useGetBoardList({
     Observer,
     data,
     isLoading,
+    hasNextPage,
   };
 }

service/board.ts

@@ -29,7 +29,7 @@ export default async function getBoardList({
   pageSize,
 }: TempPostListApiProps) {
   try {
-    const url = `/endpoint/api/board/list?_page=${pageParam}&_limit=${pageSize}`;
+    const url = `/endpoint/api/board/list?pageNumber=${pageParam}&pageSize=${pageSize}`;
     const response = await fetch(url);
     if (!response.ok) {
       throw new Error(`서버오류:${response.status}`);