Access Token 유무에 따른 자동 리다이렉트 구현

src/hooks.server.ts

@@ -1,4 +1,4 @@
-import type { ServerInit } from "@sveltejs/kit";
+import { redirect, type ServerInit, type Handle } from "@sveltejs/kit";
 import schedule from "node-schedule";
 import { cleanupExpiredRefreshTokens } from "$lib/server/db/token";
 
@@ -7,3 +7,17 @@ export const init: ServerInit = () => {
     cleanupExpiredRefreshTokens();
   });
 };
+
+export const handle: Handle = async ({ event, resolve }) => {
+  const path = event.url.pathname;
+  if (path.startsWith("/api") || path.startsWith("/auth")) {
+    return await resolve(event);
+  }
+
+  const accessToken = event.cookies.get("accessToken");
+  if (accessToken) {
+    return await resolve(event);
+  } else {
+    redirect(302, "/auth/login?redirect=" + encodeURIComponent(path));
+  }
+};

src/routes/(fullscreen)/auth/login/+page.server.ts

@@ -0,0 +1,13 @@
+import { redirect } from "@sveltejs/kit";
+import type { PageServerLoad } from "./$types";
+
+export const load: PageServerLoad = async ({ url, cookies }) => {
+  const redirectPath = url.searchParams.get("redirect") || "/";
+
+  const accessToken = cookies.get("accessToken");
+  if (accessToken) {
+    redirect(302, redirectPath);
+  }
+
+  return { redirectPath };
+};

src/routes/(fullscreen)/auth/login/+page.svelte

@@ -1,9 +1,12 @@
 <script lang="ts">
+  import { goto } from "$app/navigation";
   import { Button, TextButton } from "$lib/components/buttons";
   import { TitleDiv, BottomDiv } from "$lib/components/divs";
   import { TextInput } from "$lib/components/inputs";
   import { requestLogin } from "./service";
 
+  let { data } = $props();
+
   let email = $state("");
   let password = $state("");
 
@@ -11,8 +14,11 @@
     // TODO: Validation
 
     const ok = await requestLogin(email, password);
-
-    // TODO: Action
+    if (ok) {
+      goto(data.redirectPath);
+    } else {
+      // TODO: Alert
+    }
   };
 </script>