feat: 직무 아티클 목록 조회 api 함수 작성

Author: constantly-dev

apps/client/src/pages/jobPins/apis/axios.ts

@@ -0,0 +1,12 @@
+import apiRequest from '@shared/apis/setting/axiosInstance';
+
+export const getJobPinsArticles = async (page: number, size: number) => {
+  const { data } = await apiRequest.get('/api/v3/articles/shared/job', {
+    params: {
+      page,
+      size,
+    },
+  });
+
+  return data.data;
+};

apps/client/src/pages/jobPins/apis/queries.ts

@@ -0,0 +1,17 @@
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getJobPinsArticles } from './axios';
+
+export const useGetJobPinsArticles = () => {
+  return useInfiniteQuery({
+    queryKey: ['jobPinsArticles'],
+    queryFn: ({ pageParam = 0 }) => getJobPinsArticles(pageParam, 20),
+    initialPageParam: 0,
+    getNextPageParam: (lastPage, allPages) => {
+      if (lastPage.articles.length === 0) {
+        return undefined;
+      }
+
+      return allPages.length;
+    },
+  });
+};

apps/client/src/pages/jobPins/types/api.ts

@@ -0,0 +1,12 @@
+export interface JobPinArticle {
+  url: string;
+  title: string;
+  thumbnailUrl: string;
+  categoryName: string;
+  categoryColor: string;
+}
+
+export interface JobPinsResponse {
+  job: string | null;
+  articles: JobPinArticle[];
+}