11

frontend/components/layout/AppLayout.tsx

@@ -568,18 +568,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
     );
   }
 
-  if (!user) {
-    return (
-      <div className="flex h-screen items-center justify-center">
-        <div className="flex flex-col items-center">
-          <div className="border-primary mb-4 h-8 w-8 animate-spin rounded-full border-4 border-t-transparent"></div>
-          <p>로딩중...</p>
-        </div>
-      </div>
-    );
-  }
-
-  const uiMenus = convertMenuToUI(currentMenus, user as ExtendedUserInfo);
+  const uiMenus = user ? convertMenuToUI(currentMenus, user as ExtendedUserInfo) : [];
 
   // 활성 탭에 해당하는 메뉴가 속한 부모 메뉴 자동 확장
   useEffect(() => {
@@ -603,6 +592,17 @@ function AppLayoutInner({ children }: AppLayoutProps) {
     }
   }, [activeTab, uiMenus, isMenuActive, expandedMenus]);
 
+  if (!user) {
+    return (
+      <div className="flex h-screen items-center justify-center">
+        <div className="flex flex-col items-center">
+          <div className="border-primary mb-4 h-8 w-8 animate-spin rounded-full border-4 border-t-transparent"></div>
+          <p>로딩중...</p>
+        </div>
+      </div>
+    );
+  }
+
   return (
     <div className="bg-background flex h-screen flex-col">
       {/* 모바일 헤더 */}