Refactor(client): 라우팅 구조 개선 및 접근 제어 로직 리팩토링

apps/client/src/pages/login-callback/index.ts

@@ -0,0 +1 @@
+export { default as LoginCallbackPage } from './ui/login-callback-page';

apps/client/src/shared/router/auth-guard.tsx

@@ -4,19 +4,39 @@ import { Navigate, useLocation } from 'react-router';
 import { getAccessToken } from '../storage/token-storage';
 import { PATH } from './path';
 
-type AuthGuardProps = {
+type GuardProps = {
   children: ReactNode;
 };
 
-const AuthGuard = ({ children }: AuthGuardProps) => {
-  const location = useLocation();
+/**
+ * @description 인증된 사용자만 접근 가능한 페이지를 보호하는 가드
+ */
+export const PrivateRouteGuard = ({ children }: GuardProps) => {
   const accessToken = getAccessToken();
 
   if (!accessToken) {
-    return <Navigate to={PATH.LANDING} state={{ from: location }} replace />;
+    return <Navigate to={PATH.LANDING} replace />;
   }
 
   return <>{children}</>;
 };
 
-export default AuthGuard;
+/**
+ * @description 인증된 사용자는 접근할 필요 없는 페이지를 처리하는 가드
+ */
+export const PublicRouteGuard = ({ children }: GuardProps) => {
+  const accessToken = getAccessToken();
+  const { pathname } = useLocation();
+
+  const publicOnlyPaths: string[] = [
+    PATH.LANDING,
+    PATH.LOGIN,
+    PATH.LOGIN_CALLBACK,
+  ];
+
+  if (accessToken && publicOnlyPaths.includes(pathname)) {
+    return <Navigate to={PATH.ALL_MEMO} replace />;
+  }
+
+  return <>{children}</>;
+};

apps/client/src/shared/router/router.tsx

@@ -5,29 +5,32 @@ import { createBrowserRouter } from 'react-router';
 
 import { NotFoundPage } from '@pages/not-found';
 
-import AuthGuard from './auth-guard';
-import { privateRoutes } from './routes/private-route';
-import { publicRoutes } from './routes/public-route';
+import { PrivateRouteGuard, PublicRouteGuard } from './auth-guard';
+import { routes } from './routes';
 
-const PrivateLayoutWithGuard = () => {
-  return (
-    <AuthGuard>
-      <PrivateLayout />
-    </AuthGuard>
-  );
-};
+const GuardedPublicLayout = () => (
+  <PublicRouteGuard>
+    <PublicLayout />
+  </PublicRouteGuard>
+);
+
+const GuardedPrivateLayout = () => (
+  <PrivateRouteGuard>
+    <PrivateLayout />
+  </PrivateRouteGuard>
+);
 
 export const router = createBrowserRouter([
   {
     Component: GlobalLayout,
     children: [
       {
-        Component: PublicLayout,
-        children: publicRoutes,
+        Component: GuardedPublicLayout,
+        children: routes.filter((r) => !r.auth),
       },
       {
-        Component: PrivateLayoutWithGuard,
-        children: privateRoutes,
+        Component: GuardedPrivateLayout,
+        children: routes.filter((r) => r.auth),
       },
       {
         path: '*',

apps/client/src/shared/router/routes/index.ts

@@ -0,0 +1,54 @@
+import { RouteObject } from 'react-router';
+
+import { LandingPage } from '@pages/landing';
+import { LoginCallbackPage } from '@pages/login-callback';
+
+import {
+  AiResultsPage,
+  AllMemoPage,
+  LabelPage,
+  LoginPage,
+  NewMemoPage,
+} from '../lazy';
+import { PATH } from '../path';
+
+type AuthRouteObject = RouteObject & {
+  auth?: boolean;
+};
+
+export const routes: AuthRouteObject[] = [
+  // Private Routes
+  {
+    path: PATH.NEW_MEMO,
+    Component: NewMemoPage,
+    auth: true,
+  },
+  {
+    path: PATH.ALL_MEMO,
+    Component: AllMemoPage,
+    auth: true,
+  },
+  {
+    path: PATH.AI_RESULTS,
+    Component: AiResultsPage,
+    auth: true,
+  },
+  {
+    path: PATH.LABEL,
+    Component: LabelPage,
+    auth: true,
+  },
+  // Public Routes
+  {
+    path: PATH.LOGIN,
+    Component: LoginPage,
+  },
+  {
+    path: PATH.LOGIN_CALLBACK,
+    Component: LoginCallbackPage,
+  },
+  {
+    path: PATH.LANDING,
+    Component: LandingPage,
+  },
+];