[전수빈] week15

lib/api/auth.ts/auth.ts

@@ -0,0 +1,47 @@
+import { ApiMapper } from "@/lib/apiMapper";
+import request from "@/lib/axios";
+
+interface UserData {
+  email: string;
+  password: string;
+}
+
+interface SaveTokenProps {
+  accessToken: string;
+  refreshToken: string;
+}
+
+export const signin = async (data: UserData) => {
+  try {
+    const response = await request.post(`${ApiMapper.auth.post.SIGN_IN}`, data);
+
+    if (response.status === 200) {
+      const { data } = response;
+      saveToken(data.data);
+      return true;
+    }
+    throw new Error();
+  } catch (e) {
+    return false;
+  }
+};
+
+export const signup = async (data: UserData) => {
+  try {
+    const response = await request.post(`${ApiMapper.auth.post.SIGN_UP}`, data);
+
+    if (response.status === 200) {
+      const { data } = response;
+      saveToken(data.data);
+      return true;
+    }
+    throw new Error();
+  } catch (e) {
+    return false;
+  }
+};
+
+const saveToken = ({ accessToken, refreshToken }: SaveTokenProps) => {
+  localStorage.setItem("accessToken", accessToken);
+  localStorage.setItem("refreshToken", refreshToken);
+};

pages/signin.tsx

@@ -2,8 +2,7 @@ import GradientButton from "@/components/button/GradientButton";
 import EmailInput from "@/components/input/EmailInput";
 import PasswordInput from "@/components/input/PasswordInput";
 import UserLayout from "@/components/user/UserLayout";
-import { ApiMapper } from "@/lib/apiMapper";
-import request from "@/lib/axios";
+import { signin } from "@/lib/api/auth.ts/auth";
 import { useRouter } from "next/router";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
@@ -31,13 +30,9 @@ const Signin = () => {
 
   const handleSignin = async (data: any) => {
     try {
-      const result = await request.post(`${ApiMapper.auth.post.SIGN_IN}`, data);
-
-      if (result.status === 200) {
-        const { data } = result;
-        localStorage.setItem("accessToken", data.data.accessToken);
+      const result = await signin(data);
+      if (result) {
         router.push("/folder");
-        return;
       }
       throw new Error();
     } catch (e) {

pages/signup.tsx

@@ -8,6 +8,7 @@ import { useRouter } from "next/router";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { userData } from "./signin";
+import { signup } from "@/lib/api/auth.ts/auth";
 
 interface SignupData extends userData {
   passwordConfirm: string;
@@ -92,11 +93,9 @@ const Signup = () => {
     }
 
     try {
-      const result = await request.post(`${ApiMapper.auth.post.SIGN_UP}`, data);
+      const result = await signup(data);
 
-      if (result.status === 200) {
-        const { data } = result;
-        localStorage.setItem("accessToken", data.data.accessToken);
+      if (result) {
         router.push("/folder");
         return;
       }