✨ feat: signup api 연결 함수 사전 작성 #5

src/api/auth.ts

@@ -1,4 +1,4 @@
-import { SignInRequest, SignInResponse } from '@/types/api/auth';
+import { SignInRequest, SignInResponse, SignUpRequest, SignUpResponse } from '@/types/api/auth';
 import { api } from './index.ts';
 
 /**
@@ -27,3 +27,8 @@ export const signIn = async (
   const response = await api.post(`/auth/sign-in`, signinInfo);
   return response.data;
 };
+
+export const signUp = async (signupInfo : SignUpRequest): Promise<SignUpResponse> => {
+  const response = await api.post(`/auth/users`, signupInfo);
+  return response.data;
+}

src/hooks/api/useAuth.ts

@@ -1,4 +1,4 @@
-import { signIn } from '@/api/auth';
+import { signIn, signUp } from '@/api/auth';
 import { SignInResponse } from '@/types/api/auth';
 import { setAccessToken } from '@/utils/auth';
 import { useNavigate } from 'react-router-dom';
@@ -41,3 +41,17 @@ export const useSignIn = () => {
     },
   });
 };
+
+export const useSignUp = () => {
+  const navigate = useNavigate();
+  return useMutation({
+    mutationFn: signUp,
+    onSuccess: (data: SignInResponse) => {
+      setAccessToken(data.access_token);
+      navigate('/information');
+    },
+    onError: () => {
+      navigate('/signin');
+    },
+  });
+};

src/types/api/auth.ts

@@ -1,9 +1,25 @@
+import { Address, Language, UserInfo } from './users';
+
 export type SignInRequest = {
   serial_id: string;
   password: string;
-}
+};
 
 export type SignInResponse = {
   access_token: string;
   refresh_token: string;
-}
+};
+
+export type SignUpRequest = {
+  temporary_token: string;
+  user_info: UserInfo;
+  address: Address;
+  marketing_allowed: boolean;
+  notification_allowed: boolean;
+  language: Language;
+};
+
+export type SignUpResponse = {
+  access_token: string;
+  refresh_token: string;
+};