feat: 소식페이지 무한스크롤을 위한 API 훅 추가

app/api/news/route.ts

@@ -0,0 +1,13 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+import { fetchData } from '@/apis/fetch-data';
+import { NewsResponse } from '@/features/news';
+
+export async function GET(request: NextRequest) {
+  const { searchParams } = new URL(request.url);
+  const cursorId = searchParams.get('cursorId');
+  const queryString = cursorId ? `?cursorId=${cursorId}` : '';
+  const data = await fetchData<NewsResponse>(`/news${queryString}`, 'GET');
+
+  return NextResponse.json(data);
+}

features/news/hooks/index.ts

@@ -0,0 +1 @@
+export * from './use-news-data';

features/news/hooks/use-news-data.ts

@@ -0,0 +1,25 @@
+import { useInfiniteQuery } from '@tanstack/react-query';
+
+import { NewsResponse } from '../types';
+
+const getNewsData = async (cursorId: unknown) => {
+  const queryString = cursorId ? `?cursorId=${cursorId as string}` : '';
+  const res = await fetch(`/api/news${queryString}`, {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  });
+
+  return res.json();
+};
+
+export const useNewsData = () => {
+  return useInfiniteQuery<NewsResponse>({
+    queryKey: ['newsData'],
+    queryFn: ({ pageParam = undefined }) => getNewsData(pageParam),
+    initialPageParam: null,
+    getNextPageParam: (lastPage) =>
+      lastPage.data.hasNext ? lastPage.data.cursorId : undefined,
+  });
+};

features/news/types/index.ts

@@ -1,5 +1,13 @@
+import { Response } from '@/apis';
 import { TimeLineContent } from '@/features/main';
 
 import { NewsItemWrapperProps } from '../components';
 
-export type NewsItem = TimeLineContent & NewsItemWrapperProps;
+export type NewsContent = TimeLineContent & NewsItemWrapperProps;
+
+export type NewsResponse = Response<{
+  content: Array<NewsContent>;
+  pageSize: number;
+  cursorId: number;
+  hasNext: boolean;
+}>;