dm: 오류수정

apps/dm/app/(landing)/reuse/business/layout.tsx

@@ -1,31 +1,31 @@
 "use client";
 
 import type { ReactNode } from "react";
-import { useEffect, useMemo, useState } from "react";
-import { usePathname } from "next/navigation";
-import Lnb from "../_components/Lnb";
-import BusinessSubNav from "../_components/BusinessSubNav";
+import { useEffect } from "react";
+// import { usePathname } from "next/navigation";
+// import Lnb from "../_components/Lnb";
+// import BusinessSubNav from "../_components/BusinessSubNav";
 import {
-  fetchAnonymousMenu,
-  findActiveTopMenu,
-  type MenuItem,
+  // fetchAnonymousMenu,
+  // findActiveTopMenu,
+  // type MenuItem,
 } from "@/app/store/common";
 
 export default function BusinessLayout({ children }: { children: ReactNode }) {
-  const pathname = usePathname();
-  const [menus, setMenus] = useState<MenuItem[]>([]);
+  // const pathname = usePathname();
+  // const [menus, setMenus] = useState<MenuItem[]>([]);
 
   useEffect(() => {
     let isMounted = true;
 
     (async () => {
       try {
-        const loaded = await fetchAnonymousMenu();
+        // const loaded = await fetchAnonymousMenu();
         if (!isMounted) return;
-        setMenus(loaded);
+        // setMenus(loaded);
       } catch {
         if (!isMounted) return;
-        setMenus([]);
+        // setMenus([]);
       }
     })();
 
@@ -34,21 +34,21 @@ export default function BusinessLayout({ children }: { children: ReactNode }) {
     };
   }, []);
 
-  const currentTopMenu = useMemo(
-    () => findActiveTopMenu(menus, pathname),
-    [menus, pathname],
-  );
+  // const currentTopMenu = useMemo(
+  //   () => findActiveTopMenu(menus, pathname),
+  //   [menus, pathname],
+  // );
 
-  const businessMenus = useMemo(
-    () => currentTopMenu?.children ?? [],
-    [currentTopMenu],
-  );
+  // const businessMenus = useMemo(
+  //   () => currentTopMenu?.children ?? [],
+  //   [currentTopMenu],
+  // );
 
   return (
     <div className="bg-white min-w-[1440px]">
       
       {/* 좌측 LNB */}
-      <Lnb />
+      {/* <Lnb /> */}
 
       {/* 컨텐츠 영역 */}
       <div className="pl-[260px] pt-[83px]">
@@ -61,7 +61,7 @@ export default function BusinessLayout({ children }: { children: ReactNode }) {
 
           {/* 우측 서브 메뉴 */}
           <div className="w-[240px] shrink-0">
-            <BusinessSubNav menus={businessMenus} />
+            {/* <BusinessSubNav menus={businessMenus} /> */}
           </div>
 
         </div>

apps/dm/app/(with-layout)/example/_components/GlobalCaseSection.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import Image from "next/image";
 import CaseImageSlider from "@/components/CaseImageSlider";
 
 type Slide = {
@@ -263,10 +264,12 @@ const reuseRateRows = [
 
 function WaterBullet() {
   return (
-    <img
+    <Image
       src="/images/landing/business/globalCase/icon_bullet_water.png"
       alt="bullet"
       className="h-[33px] w-[27px] mt-1"
+      width={27}
+      height={33}
     />
   );
 }
@@ -323,10 +326,12 @@ function OverviewCompareTable() {
               <td className="border border-[#AEB9C2] bg-white px-4 py-4 text-[20px] font-bold text-[#333]">
                 <div className="flex items-center justify-center gap-3">
                   {row.flag && (
-                    <img
+                    <Image
+                      key={row.country}
                       src={row.flag}
                       alt={`${row.country} 국기`}
                       className="h-[28px] w-[42px] object-cover"
+                      fill
                     />
                   )}
                   {row.country}

apps/dm/app/(with-layout)/example/page.tsx

@@ -55,9 +55,9 @@ const menus: BusinessSubNavMenu[] = [
   },
 ];
 
-function Hr({ className = "" }: { className?: string }) {
-  return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
-}
+// function Hr({ className = "" }: { className?: string }) {
+//   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
+// }
 
 export default function ExamplePage() {
   return (

apps/dm/components/SubPageHeader.tsx

@@ -16,14 +16,14 @@ type Props = {
 };
 
 export default function SubPageHeader({
-  title,
+  // title,
   crumbs,
-  note = "* 는 필수 값입니다.",
+  // note = "* 는 필수 값입니다.",
   // underlineWidthClass = "w-40",
   className = "",
   wrapClassName = "",
   // hideFooterLine = false,
-  hideGuideText = false,
+  // hideGuideText = false,
 }: Props) {
   return (
     <section className={`text-black pr-[100px] ${className}`}>