fix: build error

Moaguide-develop · Aug 19, 2024 · e3cb858 · e3cb858
1 parent da53ca7
commit e3cb858
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 24 deletions.
diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
@@ -24,37 +24,42 @@ const SignupPage: React.FC = () => {
     loginType: 'local', 
   });
 
-
   const handleNext = () => {
     console.log('Moving to next step, current formData:', formData);
     setCurrentStep((prev) => prev + 1);
   };
-  
+
   const handleUpdate = (data: Partial<typeof formData>) => {
     setFormData((prev) => ({ ...prev, ...data }));
   };
 
-  useEffect(() =>
-  console.log(formData)
-  ,[formData])
+  useEffect(() => {
+    console.log(formData);
+  }, [formData]);
 
   const handleSubmit = async () => {
     try {
       console.log('최종 제출 데이터:', formData);
 
-      const accessToken = localStorage.getItem('acess_token');
-      if (!accessToken) {
-        throw new Error('Access token이 없습니다.');
-      }
+      // 클라이언트 사이드에서만 localStorage 접근
+      if (typeof window !== 'undefined') {
+        const accessToken = localStorage.getItem('access_token');
+        if (!accessToken) {
+          throw new Error('Access token이 없습니다.');
+        }
+
+        const authHeaders = {
+          cookie: '',
+          authorization: `Bearer ${accessToken}`,
+        };
 
-      const authHeaders = {
-        cookie: '',
-        authorization: `Bearer ${accessToken}`, 
-      };
+        const response = await finalSignup(formData, authHeaders);
+        console.log('서버 응답 데이터:', response);
+
+      } else {
+        console.error('클라이언트 사이드에서만 실행되어야 합니다.');
+      }
 
-      const response = await finalSignup(formData, authHeaders);
-      console.log('서버 응답 데이터:', response);
-
     } catch (error) {
       console.error('서버 요청 오류:', error);
     }
@@ -81,10 +86,10 @@ const SignupPage: React.FC = () => {
         />
       )}
       {currentStep === 4 && (
-      <Step4
-        onNext={handleSubmit}
-        onUpdate={(data) => handleUpdate(data)}  
-      />
+        <Step4
+          onNext={handleSubmit}
+          onUpdate={(data) => handleUpdate(data)}  
+        />
       )}
     </div>
   );

diff --git a/src/service/auth.ts b/src/service/auth.ts
@@ -20,7 +20,13 @@ export const verifyCode = async (phone: string, code: string): Promise<VerifyCod
   console.log('토큰', token);
   const accessToken = token.replace('Bearer ', '');
   console.log('어세스토큰', accessToken);
-  localStorage.setItem('access_token', accessToken);
+
+  if (typeof window !== 'undefined') {
+    localStorage.setItem('access_token', accessToken);
+  } else {
+    console.error('클라이언트 사이드에서만 localStorage를 사용할 수 있습니다.');
+  }
+
   return response.data;
 };
 
@@ -84,10 +90,16 @@ export const login = async (email: string, password: string) => {
     console.log('토큰', token);
     const accessToken = token.replace('Bearer ', '');
     console.log('어세스토큰', accessToken);
-    localStorage.setItem('access_token', accessToken);
+
+    if (typeof window !== 'undefined') {
+      localStorage.setItem('access_token', accessToken);
+    } else {
+      console.error('클라이언트 사이드에서만 localStorage를 사용할 수 있습니다.');
+    }
+
     return response.data;
   } catch (error) {
     console.error('로그인 오류:', error);
     throw error;
   }
-};
+};
diff --git a/src/store/userAuth.store.ts b/src/store/userAuth.store.ts
@@ -1,4 +1,4 @@
-import create from 'zustand';
+import { create } from 'zustand';
 
 interface AuthState {
   isLoggedIn: boolean;