feat: 아티클 상세 조회 api axios, query 함수 작성

Author: constantly-dev

apps/client/src/shared/apis/axios.ts

@@ -40,6 +40,11 @@ export const postSignUp = async (responsedata: postSignUpRequest) => {
   return data;
 };
 
+export const getArticleDetail = async (articleId: number) => {
+  const { data } = await apiRequest.get(`/api/v1/articles/${articleId}`);
+  return data;
+};
+
 export const putEditArticle = async (
   articleId: number,
   editArticleData: EditArticleRequest

apps/client/src/shared/apis/queries.ts

@@ -6,14 +6,16 @@ import {
   postSignUpRequest,
   putEditArticle,
   putCategory,
+  getArticleDetail,
+  getAcorns,
 } from '@shared/apis/axios';
 import { AxiosError } from 'axios';
 import {
   DashboardCategoriesResponse,
   AcornsResponse,
   EditArticleRequest,
+  ArticleDetailResponse,
 } from '@shared/types/api';
-import { getAcorns } from './axios';
 
 export const useGetDashboardCategories = (): UseQueryResult<
   DashboardCategoriesResponse,
@@ -62,6 +64,16 @@ export const usePostSignUp = () => {
   });
 };
 
+export const useGetArticleDetail = (
+  articleId: number
+): UseQueryResult<ArticleDetailResponse, AxiosError> => {
+  return useQuery({
+    queryKey: ['articleDetail', articleId],
+    queryFn: () => getArticleDetail(articleId),
+    enabled: !!articleId,
+  });
+};
+
 export const usePutEditArticle = () => {
   return useMutation({
     mutationFn: ({

apps/client/src/shared/types/api.ts

@@ -19,3 +19,18 @@ export interface EditArticleRequest {
   now: string;
   remindTime: string;
 }
+
+interface CategoryResponse {
+  categoryId: number;
+  categoryName: string;
+  categoryColor: string;
+}
+
+export interface ArticleDetailResponse {
+  id: number;
+  url: string;
+  memo: string;
+  remindAt: string;
+  createdAt: string;
+  categoryResponse: CategoryResponse;
+}