이미지 주소변경

src/constants.ts

@@ -0,0 +1,4 @@
+export const BUSINESS_IMAGE_PREFIX = "/image/business";
+export const PARTNER_IMAGE_PREFIX = "/image/partners";
+export const PROJECT_IMAGE_PREFIX = "/image/project";
+export const LAYOUT_IMAGE_PREFIX = "/image/layout";

src/data/business.ts

@@ -1,3 +1,5 @@
+import {BUSINESS_IMAGE_PREFIX} from "@/constants";
+
 export interface BusinessItem {
   label: string;
   description?: string;
@@ -13,52 +15,52 @@ const businessSections: BusinessItem[] = [
       "지금의 반도산전이 있기까지\n 정보통신공사로 시작한 반도산전 30년의 탄탄한 시공능력과 도전정신이 있습니다.",
     description2:
       "정보통신공사란?\n정보통신 시스템 및 관련 설비를 설치·이전·변경·철거하거나,\n유지·보수하는 공사를 말합니다. 이는 전기공사와는 다르며,\n정보통신기술(IT) 기반의 인프라 구축에 초점을 둔 공사입니다.",
-    image: "/business/정보통신공사.jpg",
+    image: `${BUSINESS_IMAGE_PREFIX}/정보통신공사.jpg`,
     url: "/business/communication",
   },
   {
     label: "전기설비공사",
-    image: "/business/전기설비공사.jpg",
+    image: `${BUSINESS_IMAGE_PREFIX}/전기설비공사.jpg`,
     url: "/business/electric",
   },
   {
     label: "소방설비공사",
-    image: "/business/소방설비공사.jpg",
+    image: `${BUSINESS_IMAGE_PREFIX}/소방설비공사.jpg`,
     url: "/business/ict",
   },
   {
     label: "OSP 기간통신사업",
-    image: "/business/OSP기간통신사업.jpg",
+    image: `${BUSINESS_IMAGE_PREFIX}/OSP기간통신사업.jpg`,
     url: "/business/security",
   },
   {
     label: "친환경공사",
-    image: "/business/친환경공사.jpg",
+    image: `${BUSINESS_IMAGE_PREFIX}/친환경공사.jpg`,
     url: "/business/fire",
   },
   {
     label: "ICT",
-    image: "/business/ICT.jpg",
+    image: `${BUSINESS_IMAGE_PREFIX}/ICT.jpg`,
     url: "/business/osp",
   },
   {
     label: "정보통신설비\n유지보수",
-    image: "/business/정보통신설비유지보수.jpg",
+    image: `${BUSINESS_IMAGE_PREFIX}/정보통신설비유지보수.jpg`,
     url: "/business/maintenance",
   },
   {
     label: "통합보안시스템",
-    image: "/business/통합보안시스템.jpg",
+    image: `${BUSINESS_IMAGE_PREFIX}/통합보안시스템.jpg`,
     url: "/business/eco",
   },
   {
     label: "제품생산\nR&D",
-    image: "/business/제품생산RND.jpg",
+    image: `${BUSINESS_IMAGE_PREFIX}/제품생산RND.jpg`,
     url: "/business/production",
   },
   {
     label: "설계(CAD)\n견적(실행 제안)",
-    image: "/business/설계견적.jpg",
+    image: `${BUSINESS_IMAGE_PREFIX}/설계견적.jpg`,
     url: "/business/cad",
   },
 ];

src/data/menuItems.ts

@@ -1,3 +1,5 @@
+import {LAYOUT_IMAGE_PREFIX} from "@/constants";
+
 interface ChildItem {
     label: string;
     href: string;
@@ -16,7 +18,7 @@ const menuItems: MenuItem[] = [
     {
         label: "사업소개1",
         href: "/business",
-        layoutImg: "/layout/사업소개.jpg",
+        layoutImg: `${LAYOUT_IMAGE_PREFIX}/사업소개.jpg`,
         description: "반도산전의 사업을 소개합니다.",
         children: [
             { label: "주요 사업", href: "sections" },
@@ -26,7 +28,7 @@ const menuItems: MenuItem[] = [
     {
         label: "기업소개",
         href: "/about",
-        layoutImg: "/layout/기업소개.jpg",
+        layoutImg: `${LAYOUT_IMAGE_PREFIX}/기업소개.jpg`,
         description: "반도산전을 소개합니다.",
         children: [
             { label: "CEO 인사말", href: "ceo" },

src/data/partners.ts

@@ -1,3 +1,5 @@
+import {PARTNER_IMAGE_PREFIX} from "@/constants";
+
 export interface PartnerProject {
   title: string;
   description: string;
@@ -8,103 +10,103 @@ const partnerProjects: PartnerProject[] = [
   {
     title: "BNK 경남은행 전산 & 데이터센터",
     description: "",
-    imageUrl: "/partners/포스코.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/포스코.png`,
   },
   {
     title: "롯데캐슬 드메르",
     description:
       "발주처 : 롯데건설\n부산 북항 초고층 복합개발사업 중 통신공사 (롯데 드메르)\n계약금액 : 1,351,200,000원",
-    imageUrl: "/partners/DL.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/DL.png`,
   },
   {
     title: "협성마리나 G7",
     description: "",
-    imageUrl: "/partners/DL.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/DL.png`,
   },
   {
     title: "국방광대역 통합망",
     description: "",
-    imageUrl: "/partners/DL.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/DL.png`,
   },
   {
     title: "수원 덕산병원",
     description: "",
-    imageUrl: "/partners/GS건설.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/GS건설.png`,
   },
   {
     title: "강서구 BGF 리테일 CU 물류창고",
     description: "",
-    imageUrl: "/partners/sk에코플랜트.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/sk에코플랜트.png`,
   },
   {
     title: "기장 오시리아 메디타운",
     description: "",
-    imageUrl: "/partners/KT.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/KT.png`,
   },
   {
     title: "부산대학교병원 아트리움",
     description: "",
-    imageUrl: "/partners/HDC현대산업개발.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/HDC현대산업개발.png`,
   },
   {
     title: "김해물류센터",
     description: "",
-    imageUrl: "/partners/kt넷코어.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/kt넷코어.png`,
   },
   {
     title: "롯데호텔앤리조트 김해",
     description: "",
-    imageUrl: "/partners/DLENC.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/DLENC.png`,
   },
   {
     title: "롯데리조트제주 아트발라스",
     description: "",
-    imageUrl: "/partners/현대건설.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/현대건설.png`,
   },
   {
     title: "부암 서희 스타힐스",
     description: "",
-    imageUrl: "/partners/한화.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/한화.png`,
   },
   {
     title: "BNK 경남은행 전산 & 데이터센터",
     description: "",
-    imageUrl: "/partners/KT2.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/KT2.png`,
   },
   {
     title: "BNK 경남은행 전산 & 데이터센터",
     description: "",
-    imageUrl: "/partners/현대엔지니어링.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/현대엔지니어링.png`,
   },
   {
     title: "BNK 경남은행 전산 & 데이터센터",
     description: "",
-    imageUrl: "/partners/호반.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/호반.png`,
   },
   {
     title: "BNK 경남은행 전산 & 데이터센터",
     description: "",
-    imageUrl: "/partners/삼성물산.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/삼성물산.png`,
   },
   {
     title: "BNK 경남은행 전산 & 데이터센터",
     description: "",
-    imageUrl: "/partners/몰라.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/몰라.png`,
   },
   {
     title: "BNK 경남은행 전산 & 데이터센터",
     description: "",
-    imageUrl: "/partners/포스코.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/포스코.png`,
   },
   {
     title: "BNK 경남은행 전산 & 데이터센터",
     description: "",
-    imageUrl: "/partners/sk에코플랜트.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/sk에코플랜트.png`,
   },
   {
     title: "BNK 경남은행 전산 & 데이터센터",
     description: "",
-    imageUrl: "/partners/현대건설.png",
+    imageUrl: `${PARTNER_IMAGE_PREFIX}/현대건설.png`,
   },
 ];
 

src/data/project.ts

@@ -1,3 +1,5 @@
+import {PROJECT_IMAGE_PREFIX} from "@/constants";
+
 export interface MajorProject {
   title: string;
   description: string;
@@ -11,7 +13,7 @@ const projectList: MajorProject[] = [
   {
     title: "BNK 경남은행 전산 & 데이터센터",
     description: "",
-    imageUrl: "/project/데이터센터.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/데이터센터.jpg`,
   },
   {
     title: "롯데캐슬 드메르",
@@ -19,77 +21,77 @@ const projectList: MajorProject[] = [
     contractAmount: "1,531,200,000원",
     period: "2023.12.19 - 2024.12.31",
     description: "부산 북항 초고층 복합개발사업 중 통신공사 (롯데 드메르)",
-    imageUrl: "/project/드메르.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/드메르.jpg`,
   },
   {
     title: "협성마리나 G7",
     description: "",
-    imageUrl: "/project/G7.png",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/G7.png`,
   },
   {
     title: "국방광대역 통합망",
     description: "",
-    imageUrl: "/project/통합망.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/통합망.jpg`,
   },
   {
     title: "수원 덕산병원",
     description: "",
-    imageUrl: "/project/덕산병원.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/덕산병원.jpg`,
   },
   {
     title: "강서구 BGF 리테일 CU 물류창고",
     description: "",
-    imageUrl: "/project/CU물류창고.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/CU물류창고.jpg`,
   },
   {
     title: "기장 오시리아 메디타운",
     description: "",
-    imageUrl: "/project/메디타운.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/메디타운.jpg`,
   },
   {
     title: "부산대학교병원 아트리움",
     description: "",
-    imageUrl: "/project/아트리움.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/아트리움.jpg`,
   },
   {
     title: "김해물류센터",
     description: "",
-    imageUrl: "/project/김해물류센터.png",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/김해물류센터.png`,
   },
   {
     title: "롯데호텔앤리조트 김해",
     description: "",
-    imageUrl: "/project/롯데호텔.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/롯데호텔.jpg`,
   },
   {
     title: "롯데리조트제주 아트발라스",
     description: "",
-    imageUrl: "/project/롯데리조트제주.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/롯데리조트제주.jpg`,
   },
   {
     title: "부암 서희 스타힐스",
     description: "",
-    imageUrl: "/project/서희스타힐스.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/서희스타힐스.jpg`,
   },
   {
     title: "부암 서희 스타힐스",
     description: "",
-    imageUrl: "/project/서희스타힐스.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/서희스타힐스.jpg`,
   },
   {
     title: "부암 서희 스타힐스",
     description: "",
-    imageUrl: "/project/서희스타힐스.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/서희스타힐스.jpg`,
   },
   {
     title: "부암 서희 스타힐스",
     description: "",
-    imageUrl: "/project/서희스타힐스.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/서희스타힐스.jpg`,
   },
   {
     title: "부암 서희 스타힐스",
     description: "",
-    imageUrl: "/project/서희스타힐스.jpg",
+    imageUrl: `${PROJECT_IMAGE_PREFIX}/서희스타힐스.jpg`,
   },
 ];