feat: 로그인 상태 유지 및 홈 접근 리다이렉트 처리

* feat: 로그인 상태 유지 및 홈 전근 처리

* feat: 로그인 상태 유지 및 홈 접근 리다이렉트 처리

Author: kjp1019

src/app/App.tsx

@@ -1,4 +1,4 @@
-import { BrowserRouter, Routes, Route } from "react-router";
+import { BrowserRouter, Navigate, Routes, Route } from "react-router";
 import { ThemeProvider } from "./contexts/ThemeContext";
 import { LanguageProvider } from "./contexts/LanguageContext";
 import { Layout } from "./components/Layout";
@@ -19,6 +19,11 @@ import { LoginPage } from "./pages/LoginPage";
 import { SignupPage } from "./pages/SignupPage";
 import { ProfilePage } from "./pages/ProfilePage";
 import { SettingsPage } from "./pages/SettingsPage";
+import { isAuthenticated } from "./auth";
+
+function HomeRoute() {
+  return isAuthenticated() ? <Navigate to="/workspace" replace /> : <HomePage />;
+}
 
 export default function App() {
   return (
@@ -28,7 +33,7 @@ export default function App() {
           <LanguageDomSync />
           <Routes>
             <Route element={<PublicLayout />}>
-              <Route path="/" element={<HomePage />} />
+              <Route path="/" element={<HomeRoute />} />
             </Route>
             <Route element={<AuthLayout />}>
               <Route path="/login" element={<LoginPage />} />

src/app/auth.ts

@@ -0,0 +1,25 @@
+const AUTH_SESSION_KEY = "codedock-authenticated";
+
+export function isAuthenticated() {
+  if (typeof window === "undefined" || typeof window.localStorage === "undefined") {
+    return false;
+  }
+
+  return window.localStorage.getItem(AUTH_SESSION_KEY) === "true";
+}
+
+export function setAuthenticated() {
+  if (typeof window === "undefined" || typeof window.localStorage === "undefined") {
+    return;
+  }
+
+  window.localStorage.setItem(AUTH_SESSION_KEY, "true");
+}
+
+export function clearAuthenticated() {
+  if (typeof window === "undefined" || typeof window.localStorage === "undefined") {
+    return;
+  }
+
+  window.localStorage.removeItem(AUTH_SESSION_KEY);
+}

src/app/components/Layout.tsx

@@ -16,6 +16,7 @@ import {
   DropdownMenuTrigger,
 } from "./ui/dropdown-menu";
 import { useTheme } from "../contexts/ThemeContext";
+import { clearAuthenticated } from "../auth";
 
 const navItems = [
   { path: "/workspace", label: "Dashboard" },
@@ -38,6 +39,7 @@ export function Layout() {
 
   const isActive = (path: string) => location.pathname === path;
   const handleLogout = () => {
+    clearAuthenticated();
     navigate("/login");
   };
 
@@ -90,7 +92,7 @@ export function Layout() {
       >
         <div className="relative mx-auto flex w-[min(1400px,100%)] items-center justify-between gap-4">
           <Link
-            to="/"
+            to="/workspace"
             className="codedock-brand-link flex items-center gap-3 no-underline transition-all duration-300"
             style={{
               color: "var(--white)",

src/app/pages/LoginPage.tsx

@@ -18,6 +18,7 @@ import { CodeDockWordmark } from "../components/CodeDockWordmark";
 import { CoffeeLogo } from "../components/CoffeeLogo";
 import { useLanguage } from "../contexts/LanguageContext";
 import { useTheme } from "../contexts/ThemeContext";
+import { setAuthenticated } from "../auth";
 
 const loginDemoMessagesKo = [
   { speaker: "CodeDock", text: "위험 파일 3개를 먼저 묶었어요.", tone: "#B7FFE3" },
@@ -189,12 +190,12 @@ export function LoginPage() {
 
   const handleSubmit = (event: FormEvent<HTMLFormElement>) => {
     event.preventDefault();
-    console.log("Login:", { email, password, rememberMe });
+    setAuthenticated();
     navigate("/workspace");
   };
 
   const handleGithubLogin = () => {
-    console.log("GitHub Login");
+    setAuthenticated();
     navigate("/workspace");
   };