From d89fd2d38df3039c91bf88103c1680b5ebce44c9 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Fri, 5 Sep 2025 14:00:45 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=8C=EB=93=9C=20=EC=97=90=EB=9F=AC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/layout/AppLayout.tsx | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/frontend/components/layout/AppLayout.tsx b/frontend/components/layout/AppLayout.tsx
index fdb56ed5..f99c72f5 100644
--- a/frontend/components/layout/AppLayout.tsx
+++ b/frontend/components/layout/AppLayout.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import { useState, Suspense } from "react";
 import { useRouter, usePathname, useSearchParams } from "next/navigation";
 import { Button } from "@/components/ui/button";
 import {
@@ -191,7 +191,7 @@ const convertSingleMenu = (menu: MenuItem, allMenus: MenuItem[], userInfo: Exten
   };
 };
 
-export function AppLayout({ children }: AppLayoutProps) {
+function AppLayoutInner({ children }: AppLayoutProps) {
   const router = useRouter();
   const pathname = usePathname();
   const searchParams = useSearchParams();
@@ -442,3 +442,20 @@ export function AppLayout({ children }: AppLayoutProps) {
     </div>
   );
 }
+
+export function AppLayout({ children }: AppLayoutProps) {
+  return (
+    <Suspense
+      fallback={
+        <div className="flex h-screen items-center justify-center">
+          <div className="flex flex-col items-center">
+            <div className="mb-4 h-8 w-8 animate-spin rounded-full border-4 border-blue-500 border-t-transparent"></div>
+            <p>로딩중...</p>
+          </div>
+        </div>
+      }
+    >
+      <AppLayoutInner>{children}</AppLayoutInner>
+    </Suspense>
+  );
+}