Merge pull request #74 from billilge/fix/#73-pwa-start-url

[Fix/#73] PWA 첫 진입 시 비로그인 상태에서 메인 화면이 잠시 보이던 현상 수정

Author: tnals0924

public/manifest.json

@@ -3,7 +3,7 @@
   "background_color": "#f3f4f6",
   "display": "standalone",
   "scope": ".",
-  "start_url": "/mobile/main",
+  "start_url": "/mobile/sign-in",
   "name": "빌릴게",
   "short_name": "빌릴게",
   "description": "국민대학교 소프트웨어융합대학 복지물품 대여 서비스",

src/app/mobile/sign-in/page.tsx

@@ -2,12 +2,22 @@
 
 import ImageLoginLogo from 'public/assets/images/image-login-logo.svg';
 import IconGoogle from 'public/assets/icons/icon-google.svg';
+import { useEffect } from 'react';
+import { useRouter } from 'next/navigation';
 
 export default function SignIn() {
+  const router = useRouter();
+
   const handleLogin = () => {
     window.location.href = `${process.env.NEXT_PUBLIC_API_BASE_URI}/oauth2/authorization/google`;
   };
 
+  useEffect(() => {
+    if (localStorage.getItem('token')) {
+      router.replace('/mobile/main');
+    }
+  }, []);
+
   return (
     <section className="relative flex h-dvh w-full flex-col items-center justify-start overflow-hidden">
       <section className="mt-[128px] flex flex-col items-center justify-start gap-1.5">
@@ -18,7 +28,7 @@ export default function SignIn() {
       </section>
       <ImageLoginLogo className="absolute top-24" />
       <button
-        className="absolute bottom-44 flex w-11/12 justify-between rounded-2xl border bg-white-primary px-6 py-4"
+        className="absolute bottom-44 flex w-11/12 max-w-md justify-between rounded-2xl border bg-white-primary px-6 py-4"
         type="button"
         onClick={handleLogin}
       >