diff --git a/app/admin/(components)/CreateTheme/Container.tsx b/app/admin/(components)/CreateTheme/Container.tsx
index 80aeb11..bb3efe0 100644
--- a/app/admin/(components)/CreateTheme/Container.tsx
+++ b/app/admin/(components)/CreateTheme/Container.tsx
@@ -1,9 +1,11 @@
 import { FormEvent } from "react";
-
 import "../../(style)/createTheme.modules.sass";
+import { useRouter } from "next/navigation";
+
 import { usePostTheme } from "@/mutations/postTheme";
 import { useCreateThemeValue } from "@/components/atoms/createTheme.atom";
 import { useSelectedThemeWrite } from "@/components/atoms/selectedTheme.atom";
+import { setSelectedThemeId } from "@/utils/localStorage";
 
 import CreateThemeTitle from "./CreateThemeTitle";
 import CreateThemeBody from "./CreateThemeBody";
@@ -13,7 +15,7 @@ export default function CreateTheme() {
   const createTheme = useCreateThemeValue();
   const setSelectedTheme = useSelectedThemeWrite();
   const { mutateAsync: postTheme } = usePostTheme();
-
+  const router = useRouter();
   const handleKeyDownSubmit = async (e: FormEvent) => {
     e.preventDefault();
     const isDisabled =
@@ -24,10 +26,16 @@ export default function CreateTheme() {
     if (isDisabled) {
       return;
     }
-    const response = await postTheme(createTheme);
-    const { id } = response.data.data;
-    if (id) {
-      setSelectedTheme(createTheme);
+    try {
+      const response = await postTheme(createTheme);
+      const { id } = response.data.data;
+      router.push(`/admin?themeId=${encodeURIComponent(id)}`);
+      if (id) {
+        setSelectedTheme(createTheme);
+        setSelectedThemeId(id);
+      }
+    } catch (err) {
+      console.error("Login failed:", err);
     }
   };
 
diff --git a/app/admin/(components)/Sidebar.tsx b/app/admin/(components)/Sidebar.tsx
index b4b2408..50ce1ab 100644
--- a/app/admin/(components)/Sidebar.tsx
+++ b/app/admin/(components)/Sidebar.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import Image from "next/image";
 import classNames from "classnames";
 import { useRouter, useSearchParams } from "next/navigation";
@@ -13,11 +13,9 @@ import {
 import {
   getSelectedThemeId,
   getStatus,
-  removeAccessToken,
   removeThemeId,
 } from "@/utils/localStorage";
 import { useSelectedThemeReset } from "@/components/atoms/selectedTheme.atom";
-import { useIsLoggedInWrite } from "@/components/atoms/account.atom";
 import { useDrawerState } from "@/components/atoms/drawer.atom";
 import useModal from "@/hooks/useModal";
 
@@ -39,7 +37,7 @@ interface Props {
 export default function Sidebar(props: Props) {
   const router = useRouter();
   const resetSelectedTheme = useSelectedThemeReset();
-  // const setIsLoggedIn = useIsLoggedInWrite();
+
   const [drawer, setDrawer] = useDrawerState();
   const { open } = useModal();
 
@@ -58,6 +56,13 @@ export default function Sidebar(props: Props) {
   //   removeAccessToken();
   //   setIsLoggedIn(false);
   // };
+  useEffect(() => {
+    if (selectedThemeId && selectedThemeId !== "0")
+      router.push(
+        `/admin?themeId=${encodeURIComponent(selectedThemeId)}
+      `
+      );
+  }, [selectedThemeId]);
 
   const navigateToNewTheme = () => {
     resetSelectedTheme();
@@ -111,7 +116,7 @@ export default function Sidebar(props: Props) {
               <button
                 type="button"
                 className={classNames("sidebar__theme-button", {
-                  selected: selectedThemeId === theme.id?.toString() && params,
+                  selected: selectedThemeId === theme.id.toString(),
                 })}
                 onClick={() => handleSelectTheme(theme)}
               >
diff --git a/app/admin/Admin.tsx b/app/admin/Admin.tsx
index 901ac32..048dd02 100644
--- a/app/admin/Admin.tsx
+++ b/app/admin/Admin.tsx
@@ -20,8 +20,8 @@ type Theme = {
 };
 
 function Admin() {
-  const { data: categories = [] } = useGetThemeList();
-  const [isLoading, setIsLoading] = useState<boolean>(true);
+  const { data: categories = [], isLoading } = useGetThemeList();
+
   const isLoggedIn = useCheckSignIn();
 
   const [selectedTheme, setSelectedTheme] = useSelectedTheme();
@@ -30,13 +30,6 @@ function Admin() {
   const [toast, setToast] = useToastInfo();
   const router = useRouter();
 
-  useEffect(() => {
-    if (categories.length > 0 && selectedTheme.id === 0) {
-      setSelectedTheme(categories[categories.length - 1]);
-      setIsLoading(false);
-    }
-  }, [categories, selectedTheme, setSelectedTheme]);
-
   const handleClickSelected = (theme: Theme) => {
     setSelectedTheme(theme);
     setSelectedThemeId(theme.id);
@@ -64,7 +57,7 @@ function Admin() {
     isOpen: toast.isOpen,
   };
 
-  if (!isLoggedIn || !isLoading) {
+  if (!isLoggedIn || isLoading) {
     return <Loader />;
   }
 
diff --git a/app/components/RequireAuth/RequireAuth.tsx b/app/components/RequireAuth/RequireAuth.tsx
index aeec501..b46dfab 100644
--- a/app/components/RequireAuth/RequireAuth.tsx
+++ b/app/components/RequireAuth/RequireAuth.tsx
@@ -3,18 +3,7 @@
 import React, { ReactNode, useEffect, useMemo, useState } from "react";
 import { useRouter, usePathname } from "next/navigation";
 
-import { useTokenRefresh } from "@/mutations/useRefresh";
-import { useGetThemeList } from "@/queries/getThemeList";
-import {
-  useCurrentTheme,
-  useCurrentThemeReset,
-} from "@/components/atoms/currentTheme.atom";
-import { useSelectedThemeReset } from "@/components/atoms/selectedTheme.atom";
 import { useIsLoggedIn } from "@/components/atoms/account.atom";
-import { getSelectedThemeId } from "@/utils/localStorage";
-import * as S from "@/home/HomeView.styled";
-import Header from "@/components/common/Header/Header";
-import MainDrawer from "@/components/common/Drawer/Drawer";
 
 import Mobile from "../Mobile/Mobile";
 
@@ -25,66 +14,32 @@ function RequireAuth({
   children,
 }: RequireAuthProps): React.ReactElement | null {
   const [isLoggedIn, setIsLoggedIn] = useIsLoggedIn();
-  const [currentTheme, setCurrentTheme] = useCurrentTheme();
-  const resetCurrentTheme = useCurrentThemeReset();
-  const resetSelectedTheme = useSelectedThemeReset();
+
   const router = useRouter();
   const pathname = usePathname();
-  const allowUnauthPaths = useMemo(() => ["/", "/trial", "/signup"], []);
+  const allowUnauthPaths = useMemo(() => ["/", "/signup"], []);
   const [isMobile, setIsMobile] = useState(false);
-  const [isLoading, setIsLoading] = useState(true);
-  const { data: categories = [] } = useGetThemeList();
-  const { refreshToken, error } = useTokenRefresh();
+
   useEffect(() => {
     if (typeof window !== "undefined") {
       const { userAgent } = window.navigator;
       const mobileRegex =
         /Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone/i;
       setIsMobile(mobileRegex.test(userAgent));
-      setIsLoading(false);
     }
   }, []);
 
   useEffect(() => {
-    if (categories.length > 0) {
-      setCurrentTheme(categories.map(({ id, title }) => ({ id, title })));
-    } else {
-      resetCurrentTheme();
-      resetSelectedTheme();
-    }
-  }, [categories, setCurrentTheme]);
-  useEffect(() => {
-    const selectedThemeId = getSelectedThemeId();
-
     if (!isLoggedIn && !allowUnauthPaths.includes(pathname)) {
       router.push("/login");
-    } else if (isLoggedIn && pathname === "/") {
+    } else if (isLoggedIn) {
       router.push(pathname);
-    } else if (isLoggedIn && currentTheme.length === 0) {
-      router.push("/admin");
-    } else if (selectedThemeId !== "0" && isLoggedIn) {
-      router.push(`/admin?themeId=${selectedThemeId}`);
     }
-  }, [isLoggedIn, currentTheme, router, allowUnauthPaths, pathname]);
-
-  if (isLoading) {
-    return <></>;
-  }
+  }, [isLoggedIn, pathname]);
 
   if (isMobile && !allowUnauthPaths.includes(pathname)) return <Mobile />;
 
-  if (!isLoggedIn) return <>{children}</>;
-  if (isLoggedIn && (pathname === "/" || "/admin")) return <>{children}</>;
-
-  return (
-    <S.Wrapper>
-      <MainDrawer {...{ categories }} />
-      <S.Cont component="main">
-        <Header />
-        {children}
-      </S.Cont>
-    </S.Wrapper>
-  );
+  return <>{children}</>;
 }
 
 export default RequireAuth;
diff --git a/app/components/common/Dialog-new/Hint-Dialog-new/Dialog.tsx b/app/components/common/Dialog-new/Hint-Dialog-new/Dialog.tsx
index 91b4267..c1c45be 100644
--- a/app/components/common/Dialog-new/Hint-Dialog-new/Dialog.tsx
+++ b/app/components/common/Dialog-new/Hint-Dialog-new/Dialog.tsx
@@ -90,8 +90,4 @@ const Dialog = forwardRef<HTMLFormElement, DialogProps>((props) => {
   );
 });
 
-Dialog.defaultProps = {
-  type: "",
-};
-
 export default Dialog;
diff --git a/app/components/common/Dialog-new/Image-Dialog-new/Dialog.tsx b/app/components/common/Dialog-new/Image-Dialog-new/Dialog.tsx
index 46aec76..e17845c 100644
--- a/app/components/common/Dialog-new/Image-Dialog-new/Dialog.tsx
+++ b/app/components/common/Dialog-new/Image-Dialog-new/Dialog.tsx
@@ -112,8 +112,4 @@ const Dialog = forwardRef<HTMLFormElement, DialogProps>((props) => {
   );
 });
 
-Dialog.defaultProps = {
-  type: "",
-};
-
 export default Dialog;
diff --git a/app/components/common/Dialog-new/Noti-Dialog-new/Dialog.tsx b/app/components/common/Dialog-new/Noti-Dialog-new/Dialog.tsx
index f31e0da..d660d22 100644
--- a/app/components/common/Dialog-new/Noti-Dialog-new/Dialog.tsx
+++ b/app/components/common/Dialog-new/Noti-Dialog-new/Dialog.tsx
@@ -63,8 +63,4 @@ const Dialog = forwardRef<HTMLFormElement, DialogProps>((props) => {
   );
 });
 
-Dialog.defaultProps = {
-  type: "",
-};
-
 export default Dialog;
diff --git a/app/components/common/Dialog-new/Preview-Dialog-new/PreviewDialog.tsx b/app/components/common/Dialog-new/Preview-Dialog-new/PreviewDialog.tsx
index 291f89f..cd2aff5 100644
--- a/app/components/common/Dialog-new/Preview-Dialog-new/PreviewDialog.tsx
+++ b/app/components/common/Dialog-new/Preview-Dialog-new/PreviewDialog.tsx
@@ -105,8 +105,4 @@ const PreviewDialog = forwardRef<HTMLFormElement, DialogProps>((props) => {
   );
 });
 
-PreviewDialog.defaultProps = {
-  type: "",
-};
-
 export default PreviewDialog;
diff --git a/app/components/common/Dialog-new/Theme-Dialog/Dialog.tsx b/app/components/common/Dialog-new/Theme-Dialog/Dialog.tsx
index 506cf2e..8823aa1 100644
--- a/app/components/common/Dialog-new/Theme-Dialog/Dialog.tsx
+++ b/app/components/common/Dialog-new/Theme-Dialog/Dialog.tsx
@@ -1,6 +1,7 @@
 import React, { forwardRef, useRef } from "react";
 import { SubmitHandler, useForm } from "react-hook-form";
 import Image from "next/image";
+import { useRouter } from "next/navigation";
 
 import { usePutTheme } from "@/mutations/putTheme";
 import { useDeleteTheme } from "@/mutations/deleteTheme";
@@ -58,8 +59,8 @@ const Dialog = forwardRef<HTMLFormElement, DialogProps>((props) => {
 
   const { mutateAsync: putTheme } = usePutTheme();
   const { mutateAsync: deleteTheme } = useDeleteTheme();
-
-  const onSubmit: SubmitHandler<FormValues> = () => {
+  const router = useRouter();
+  const onSubmit: SubmitHandler<FormValues> = async () => {
     const { id } = selectedTheme;
 
     const submitData = {
@@ -68,12 +69,21 @@ const Dialog = forwardRef<HTMLFormElement, DialogProps>((props) => {
     };
 
     if (type === "put") {
-      putTheme(submitData);
-      setSelectedTheme(submitData);
+      try {
+        await putTheme(submitData);
+        setSelectedTheme(submitData);
+      } catch (error) {
+        console.error("Error updating theme:", error);
+      }
     } else if (type === "delete") {
-      deleteTheme({ id });
-      resetSelectedTheme();
+      try {
+        await deleteTheme({ id });
+        router.push(`/admin`);
+      } catch (error) {
+        console.error("Error deleting theme:", error);
+      }
     }
+
     close();
     resetCreateTheme();
 
@@ -124,8 +134,4 @@ const Dialog = forwardRef<HTMLFormElement, DialogProps>((props) => {
   );
 });
 
-Dialog.defaultProps = {
-  type: "",
-};
-
 export default Dialog;
diff --git a/app/hooks/useAnalytics.ts b/app/hooks/useAnalytics.ts
index 2bcfaf9..a308b90 100644
--- a/app/hooks/useAnalytics.ts
+++ b/app/hooks/useAnalytics.ts
@@ -1,13 +1,51 @@
-import { getAnalytics, logEvent as firebaseLogEvent } from "firebase/analytics";
+import {
+  getAnalytics,
+  logEvent as firebaseLogEvent,
+  isSupported,
+} from "firebase/analytics";
+import { useEffect, useState } from "react";
 
 import { isDevMode } from "@/consts/env";
 
 const useAnalytics = () => {
-  const analytics = getAnalytics();
+  const [analytics, setAnalytics] = useState<ReturnType<
+    typeof getAnalytics
+  > | null>(null);
+
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      isSupported()
+        .then((supported) => {
+          if (supported) {
+            const analyticsInstance = getAnalytics();
+            setAnalytics(analyticsInstance);
+          } else {
+            console.warn(
+              "Firebase Analytics is not supported in this environment."
+            );
+          }
+        })
+        .catch((error) => {
+          console.error("Failed to check Firebase Analytics support:", error);
+        });
+    }
+  }, []);
 
   const logEvent = (eventName: string, eventParam: Record<string, any>) => {
     if (isDevMode) return;
-    firebaseLogEvent(analytics, eventName, eventParam);
+
+    if (analytics) {
+      try {
+        firebaseLogEvent(analytics, eventName, eventParam);
+      } catch (error) {
+        console.error("Failed to log event:", error);
+      }
+    } else {
+      console.warn(
+        "Analytics instance is not initialized. Event not logged:",
+        eventName
+      );
+    }
   };
 
   return { logEvent };
diff --git a/app/hooks/useClickOutside.ts b/app/hooks/useClickOutside.ts
index b2a3452..83ff226 100644
--- a/app/hooks/useClickOutside.ts
+++ b/app/hooks/useClickOutside.ts
@@ -9,7 +9,7 @@ import { useEffect, RefObject } from "react";
  * @param {boolean} ignoreSiblings - 형제 요소 클릭 시에도 닫힐지 여부
  */
 function useClickOutside(
-  ref: RefObject<HTMLElement | HTMLElement[]>,
+  ref: React.RefObject<HTMLElement | HTMLElement[] | HTMLFormElement | null>,
   handler: (event: MouseEvent) => void,
   isActive = true,
   targetIndex = 0,
diff --git a/app/login/Login.tsx b/app/login/Login.tsx
index 975f74e..9acaef6 100644
--- a/app/login/Login.tsx
+++ b/app/login/Login.tsx
@@ -8,7 +8,6 @@ import { ADMIN_EMAIL, ADMIN_PASSWORD } from "@/consts/components/login";
 import { useIsLoggedInValue } from "@/components/atoms/account.atom";
 import { usePostLogin } from "@/mutations/postLogin";
 import useCheckSignIn from "@/hooks/useCheckSignIn";
-import Loader from "@/components/Loader/Loader";
 import useChannelTalk from "@/hooks/useChannelTalk";
 import { setCookie } from "@/utils/cookie";
 
@@ -44,8 +43,13 @@ function Login() {
   const router = useRouter();
   const formValue = watch();
 
-  const onSubmit: SubmitHandler<FormValues> = (data) => {
-    postLogin(data);
+  const onSubmit: SubmitHandler<FormValues> = async (data) => {
+    try {
+      await postLogin(data);
+      router.push("/admin");
+    } catch (err) {
+      console.error("Login failed:", err);
+    }
   };
   const formProps = {
     component: "form",
@@ -122,10 +126,6 @@ function Login() {
     contectProps,
   };
 
-  if (isLoggedIn) {
-    return <Loader />;
-  }
-
   return <LoginView {...LoginViewProps} />;
 }
 
diff --git a/app/mutations/postTheme.ts b/app/mutations/postTheme.ts
index 990e29b..1161373 100644
--- a/app/mutations/postTheme.ts
+++ b/app/mutations/postTheme.ts
@@ -8,7 +8,6 @@ import { useToastWrite } from "@/components/atoms/toast.atom";
 import { apiClient } from "@/lib/reactQueryProvider";
 import { QUERY_KEY } from "@/queries/getThemeList";
 import { MutationConfigOptions } from "@/types";
-import { setSelectedThemeId } from "@/utils/localStorage";
 
 interface Request {
   title: string;
@@ -57,12 +56,6 @@ export const usePostTheme = (configOptions?: MutationConfigOptions) => {
     ...configOptions?.options,
     onSuccess: ({ data }) => {
       queryClient.invalidateQueries(QUERY_KEY);
-      setTimeout(() => {
-        setSelectedTheme({ ...createTheme, id: data?.data?.id });
-        setSelectedThemeId(data?.data?.id);
-
-        router.push(`/admin?themeId=${data?.data?.id}`);
-      }, 10);
       setToast({
         isOpen: true,
         title: "테마를 추가했습니다.",
diff --git a/app/queries/getThemeList.ts b/app/queries/getThemeList.ts
index 6e62c22..d5a5439 100644
--- a/app/queries/getThemeList.ts
+++ b/app/queries/getThemeList.ts
@@ -21,8 +21,7 @@ export type Themes = Theme[];
 type Response = ApiResponse<Themes>;
 
 const URL_PATH = `/v1/theme`;
-export const QUERY_KEY = [URL_PATH];
-// TODO - 유저 id를 키에 추가해야 함
+export const QUERY_KEY = [URL_PATH]; // TODO - 유저 id를 키에 추가해야 함
 
 export const getThemeList = async (config?: AxiosRequestConfig) => {
   const res = await apiClient.get<Request, AxiosResponse<Response>>(URL_PATH, {
@@ -59,6 +58,7 @@ export const useGetThemeList = (configOptions?: QueryConfigOptions) => {
         }
       } else setSelectedThemeId(0);
     },
+
     onError: (error: AxiosError) => {
       setSnackBar({
         isOpen: true,
@@ -67,5 +67,10 @@ export const useGetThemeList = (configOptions?: QueryConfigOptions) => {
     },
   });
 
-  return info;
+  return {
+    ...info,
+    isInitialLoading: info.isLoading,
+    isRefetching: info.isFetching && !info.isLoading,
+    isLoading: info.isLoading || info.isFetching,
+  };
 };
diff --git a/app/signup/CodeInput.tsx b/app/signup/CodeInput.tsx
index 3c6866a..0b99c53 100644
--- a/app/signup/CodeInput.tsx
+++ b/app/signup/CodeInput.tsx
@@ -13,29 +13,29 @@ interface Props {
 
 export default function CodeInput(props: Props) {
   const { disabled, numbers, setNumbers } = props;
-  const inputRefs = useRef(Array(6).fill(null)); // 6개의 ref를 저장할 배열
+  const inputRefs = useRef<(HTMLInputElement | null)[]>(
+    Array.from({ length: 6 }, () => null)
+  );
 
   const { mutateAsync: postVerification, isError = false } =
     usePostVerification();
   const signUpState = useSignUpValue();
 
   const handleInputChange = (index: number, value: string) => {
-    // 입력값이 숫자가 아니거나 길이가 1을 넘어가면 입력을 막음
     if (!/^\d$/.test(value)) return;
 
-    const newNumbers = [...numbers]; // 기존 숫자 배열 복사
-    newNumbers[index] = value; // 해당 인덱스의 값을 업데이트
-    setNumbers(newNumbers); // 업데이트된 배열을 상태로 설정
+    const newNumbers = [...numbers];
+    newNumbers[index] = value;
+    setNumbers(newNumbers);
 
-    // 다음 인풋 필드로 포커스 이동
     if (value !== "" && index < 5) {
-      inputRefs.current[index + 1].focus();
+      inputRefs.current[index + 1]?.focus();
     }
   };
 
   useEffect(() => {
     setTimeout(() => {
-      inputRefs.current[0].focus();
+      inputRefs.current[0]?.focus();
     }, 1000);
   }, []);
 
@@ -47,13 +47,12 @@ export default function CodeInput(props: Props) {
       if (isError) {
         setTimeout(() => {
           setNumbers(Array(6).fill(""));
-          inputRefs.current[0].focus();
+          inputRefs.current[0]?.focus();
         }, 1000);
       }
     }
   }, [numbers, isError]);
 
-  // 입력값을 삭제하는 함수
   const handleInputDelete = (
     index: number,
     e: React.KeyboardEvent<HTMLInputElement>
@@ -63,9 +62,8 @@ export default function CodeInput(props: Props) {
       newNumbers[index] = "";
       setNumbers(newNumbers);
 
-      // 이전 인풋 필드로 포커스 이동
       if (index > 0) {
-        inputRefs.current[index - 1].focus();
+        inputRefs.current[index - 1]?.focus();
       }
     }
   };
@@ -79,9 +77,11 @@ export default function CodeInput(props: Props) {
           value={number}
           error={isError && numbers.join("").length === 0}
           onChange={(e) => handleInputChange(index, e.target.value)}
-          onKeyDown={(e) => handleInputDelete(index, e)} // 삭제 이벤트 처리
-          maxLength={1} // 한 글자만 입력할 수 있도록 설정
-          ref={(input) => (inputRefs.current[index] = input)} // ref를 배열에 저장
+          onKeyDown={(e) => handleInputDelete(index, e)}
+          maxLength={1}
+          ref={(input) => {
+            inputRefs.current[index] = input;
+          }}
           disabled={disabled}
           inputMode="numeric"
         />
diff --git a/app/signup/SignUpSuccess.tsx b/app/signup/SignUpSuccess.tsx
index 3565c54..8c2c497 100644
--- a/app/signup/SignUpSuccess.tsx
+++ b/app/signup/SignUpSuccess.tsx
@@ -17,7 +17,15 @@ import * as S from "./SignUpSuccess.styled";
 import "@/apis/firebase";
 
 function SignUpSuccess() {
-  const isWebView = /APP_NEXTROOM_ANDROID/.test(navigator.userAgent); // 웹뷰에서 실행 중인지 여부 확인
+  const [isWebView, setIsWebView] = useState(false);
+
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const { userAgent } = window.navigator;
+      const mwebviewRegex = /APP_NEXTROOM_ANDROID/i;
+      setIsWebView(mwebviewRegex.test(userAgent));
+    }
+  }, []);
   const [isFinished, setIsFinished] = useState<boolean>(false);
   const [snackInfo, setSnackBarInfo] = useSnackBarInfo();
   const router = useRouter();
diff --git a/app/signup/StoreInfo.tsx b/app/signup/StoreInfo.tsx
index beb8752..29c0de8 100644
--- a/app/signup/StoreInfo.tsx
+++ b/app/signup/StoreInfo.tsx
@@ -22,14 +22,27 @@ interface FormValues {
 function StoreInfo() {
   const isLoggedIn = useIsLoggedInValue();
   const [signUpState, setSignUpState] = useSignUpState();
-  const isWebView = /APP_NEXTROOM_ANDROID/.test(navigator.userAgent); // 웹뷰에서 실행 중인지 여부 확인
-  const isMobile =
-    /Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone/i.test(
-      navigator.userAgent
-    );
+  const [isWebView, setIsWebView] = useState(false);
+  const [isMobile, setIsMobile] = useState(false);
+  const [isChecked, setIsChecked] = useState(false);
+
   const { logEvent } = useAnalytics();
 
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const { userAgent } = window.navigator;
+
+      const mwebviewRegex = /APP_NEXTROOM_ANDROID/i;
+      setIsWebView(mwebviewRegex.test(userAgent));
+
+      const mobileRegex =
+        /Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone/i;
+      setIsMobile(mobileRegex.test(userAgent));
+    }
+  }, []);
+
   const type = isWebView ? 3 : isMobile ? 2 : 1;
+
   useEffect(() => {
     logEvent("screen_view", {
       firebase_screen: "sign_up_store_info",
@@ -43,7 +56,7 @@ function StoreInfo() {
     isError = false,
     error,
   } = usePostSignUp();
-  const [isChecked, setIsChecked] = useState(false);
+
   const {
     register,
     handleSubmit,
@@ -57,13 +70,14 @@ function StoreInfo() {
       reason: "",
     },
   });
+
   const formValue = watch();
 
   useEffect(() => {
     setTimeout(() => {
       setFocus("name");
     }, 1000);
-  }, []);
+  }, [setFocus]);
 
   useEffect(() => {
     if (isChecked) {
@@ -74,7 +88,7 @@ function StoreInfo() {
     setTimeout(() => {
       setFocus("reason");
     }, 10);
-  }, [isChecked]);
+  }, [isChecked, reset, setFocus]);
 
   const browserPreventEvent = () => {
     history.pushState(null, "", location.href);
@@ -82,16 +96,16 @@ function StoreInfo() {
   };
 
   useEffect(() => {
-    history.pushState(null, "", location.href);
-    window.addEventListener("popstate", () => {
-      browserPreventEvent();
-    });
+    if (typeof window !== "undefined") {
+      history.pushState(null, "", location.href);
+      window.addEventListener("popstate", browserPreventEvent);
+    }
     return () => {
-      window.removeEventListener("popstate", () => {
-        browserPreventEvent();
-      });
+      if (typeof window !== "undefined") {
+        window.removeEventListener("popstate", browserPreventEvent);
+      }
     };
-  }, []);
+  }, [browserPreventEvent]);
 
   const onSubmit: SubmitHandler<FormValues> = (data) => {
     postSignUp({
@@ -106,6 +120,7 @@ function StoreInfo() {
       btn_position: "top",
     });
   };
+
   const formProps = {
     component: "form",
     noValidate: true,
@@ -118,7 +133,6 @@ function StoreInfo() {
     id: "filled-adminCode",
     type: "text",
     helperText: errors?.name && errors?.name.message,
-
     error: Boolean(errors?.name) || isError,
     variant: "filled",
     label: "매장명",
@@ -140,12 +154,15 @@ function StoreInfo() {
     style: { marginTop: "26px" },
     value: formValue.reason,
   };
+
   const checkBoxProps = {
     label: "매장명이 없습니다.",
     checked: isChecked,
     onChange: () => {
       setIsChecked(!isChecked);
-      window.scrollTo(0, document.body.scrollHeight);
+      if (typeof window !== "undefined" && typeof document !== "undefined") {
+        window.scrollTo(0, document.body.scrollHeight);
+      }
     },
     onClick: () => {
       logEvent("btn_click", {
diff --git a/app/signup/layout.tsx b/app/signup/layout.tsx
index 733629b..c3f4583 100644
--- a/app/signup/layout.tsx
+++ b/app/signup/layout.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React from "react";
+import React, { useEffect, useState } from "react";
 import Image from "next/image";
 import { useRouter } from "next/navigation";
 
@@ -14,7 +14,15 @@ export default function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
-  const isWebView = /APP_NEXTROOM_ANDROID/.test(navigator.userAgent); // 웹뷰에서 실행 중인지 여부 확인
+  const [isWebView, setIsWebView] = useState(false);
+
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const { userAgent } = window.navigator;
+      const mwebviewRegex = /APP_NEXTROOM_ANDROID/i;
+      setIsWebView(mwebviewRegex.test(userAgent));
+    }
+  }, []);
   const router = useRouter();
   const pathName = getCookie();
 
diff --git a/app/utils/cookie.ts b/app/utils/cookie.ts
index 78279c4..c768a50 100644
--- a/app/utils/cookie.ts
+++ b/app/utils/cookie.ts
@@ -1,7 +1,11 @@
 export const setCookie = (value: string, days?: number): void => {
+  if (typeof document === "undefined") {
+    console.warn("Cookies are not supported in the current environment.");
+    return;
+  }
+
   const exdate = new Date();
-  exdate.setDate(exdate.getDate() + (days || 0));
-  // 설정 일수만큼 현재시간에 만료값으로 지정
+  exdate.setDate(exdate.getDate() + (days || 0)); // 설정 일수만큼 현재 시간에 만료값 지정
 
   const cookieValue =
     encodeURIComponent(value) +
@@ -10,6 +14,11 @@ export const setCookie = (value: string, days?: number): void => {
 };
 
 export const getCookie = (): string => {
+  if (typeof document === "undefined") {
+    console.warn("Cookies are not supported in the current environment.");
+    return "";
+  }
+
   const nameOfCookie = `pathName=`;
   let x = 0;