From 52d95b47980110b9de103ee5ba7b12bbd2fa4439 Mon Sep 17 00:00:00 2001
From: DDD1542 <puget159@naver.com>
Date: Thu, 26 Feb 2026 16:50:41 +0900
Subject: [PATCH] 123

---
 .../app/(main)/screen/[screenCode]/page.tsx   | 50 +++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 frontend/app/(main)/screen/[screenCode]/page.tsx

diff --git a/frontend/app/(main)/screen/[screenCode]/page.tsx b/frontend/app/(main)/screen/[screenCode]/page.tsx
new file mode 100644
index 00000000..0817065e
--- /dev/null
+++ b/frontend/app/(main)/screen/[screenCode]/page.tsx
@@ -0,0 +1,50 @@
+"use client";
+
+import { useEffect } from "react";
+import { useParams, useRouter } from "next/navigation";
+import { Loader2 } from "lucide-react";
+import { apiClient } from "@/lib/api/client";
+
+/**
+ * /screen/COMPANY_7_167 → /screens/4153 리다이렉트
+ * 메뉴 URL이 screenCode 기반이므로, screenId로 변환 후 이동
+ */
+export default function ScreenCodeRedirectPage() {
+  const params = useParams();
+  const router = useRouter();
+  const screenCode = params.screenCode as string;
+
+  useEffect(() => {
+    if (!screenCode) return;
+
+    const numericId = parseInt(screenCode);
+    if (!isNaN(numericId)) {
+      router.replace(`/screens/${numericId}`);
+      return;
+    }
+
+    const resolve = async () => {
+      try {
+        const res = await apiClient.get("/screen-management/screens", {
+          params: { screenCode },
+        });
+        const screens = res.data?.data || [];
+        if (screens.length > 0) {
+          const id = screens[0].screenId || screens[0].screen_id;
+          router.replace(`/screens/${id}`);
+        } else {
+          router.replace("/");
+        }
+      } catch {
+        router.replace("/");
+      }
+    };
+    resolve();
+  }, [screenCode, router]);
+
+  return (
+    <div className="flex h-full items-center justify-center">
+      <Loader2 className="text-muted-foreground h-6 w-6 animate-spin" />
+    </div>
+  );
+}