Feat(client): 유저 정보 조회 api 연동 (team-bofit#184)

* feat: 유저 정보 조회 api 연동

* feat: types 폴더로 타입 이전

Author: gwagjiug

apps/client/src/pages/my/my-page.tsx

@@ -1,4 +1,11 @@
+import { useQuery } from '@tanstack/react-query';
+
+import { USER_QUERY_OPTIONS } from '@shared/api/domain/mypage/queries';
+
 const MyPage = () => {
+  const { data: userData } = useQuery(USER_QUERY_OPTIONS.PROFILE());
+  console.log(userData);
+
   return <div>MyPage</div>;
 };
 

apps/client/src/shared/api/domain/mypage/queries.ts

@@ -0,0 +1,20 @@
+import { queryOptions } from '@tanstack/react-query';
+
+import { api } from '@shared/api/config/instance';
+import { UserProfile } from '@shared/api/types/types';
+import { END_POINT } from '@shared/constants/end-point';
+import { USER_QUERY_KEY } from '@shared/constants/query-key';
+
+export const USER_QUERY_OPTIONS = {
+  PROFILE: () => {
+    return queryOptions({
+      queryKey: USER_QUERY_KEY.PROFILE(),
+      queryFn: getUserProfile,
+    });
+  },
+};
+
+export const getUserProfile = async (): Promise<UserProfile | null> => {
+  const response = await api.get(END_POINT.GET_USER_INFO).json<UserProfile>();
+  return response;
+};

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

@@ -0,0 +1,4 @@
+import { paths } from '@shared/types/schema';
+
+export type UserProfile =
+  paths['/users/info']['get']['responses']['200']['content']['*/*'];

apps/client/src/shared/constants/end-point.ts

@@ -0,0 +1,3 @@
+export const END_POINT = {
+  GET_USER_INFO: 'users/info',
+};

apps/client/src/shared/constants/query-key.ts

@@ -0,0 +1,4 @@
+export const USER_QUERY_KEY = {
+  ALL: ['users'],
+  PROFILE: () => [...USER_QUERY_KEY.ALL, 'profile'],
+} as const;