fix: 라우팅되는 곳 변경

Author: JungWoo0203

cart-modal.html

@@ -28,7 +28,7 @@
       <div class="max-w-md mx-auto px-4 py-4">
         <div class="flex items-center justify-between">
           <h1 class="text-xl font-bold text-gray-900">
-            <a href="/" data-link="">쇼핑몰</a>
+            <a href="${router.BASE_PATH}" data-link="">쇼핑몰</a>
           </h1>
           <div class="flex items-center space-x-2">
             <!-- 장바구니 아이콘 -->

src/controllers/HomePageController.js

@@ -48,7 +48,7 @@ class HomePageController {
     if (this.state.category2) params.set("category2", this.state.category2);
 
     const qs = params.toString();
-    const newUrl = qs ? `/?${qs}` : "/";
+    const newUrl = qs ? `${router.BASE_PATH}/?${qs}` : router.BASE_PATH;
     let method = replace ? "replaceState" : "pushState";
     // limit 가 기본값(20)으로 돌아가는 경우 히스토리 덮어쓰기
     if (!replace && this.state.limit === 20 && params.size === 1 && params.has("limit")) {

src/controllers/ProductDetailController.js

@@ -45,7 +45,7 @@ class ProductDetailController {
     });
 
     document.querySelector(".go-to-product-list")?.addEventListener("click", () => {
-      router.navigate("/");
+      router.navigate(router.BASE_PATH);
     });
   }
 }

src/pages/HomePage.js

@@ -1,5 +1,6 @@
 import ProductCard from "../components/ProductCard.js";
 import { LoadingCardList } from "../components/LoadingCard.js";
+import router from "../router/Router.js";
 
 export default function HomePage({
   products = [],
@@ -19,7 +20,7 @@ const 상품목록_레이아웃_로딩 = (products, total, loading, loadingMore,
         <div class="max-w-md mx-auto px-4 py-4">
           <div class="flex items-center justify-between">
             <h1 class="text-xl font-bold text-gray-900">
-              <a href="/" data-link="">쇼핑몰</a>
+              <a href="${router.BASE_PATH}" data-link="">쇼핑몰</a>
             </h1>
             <div class="flex items-center space-x-2">
               <!-- 장바구니 아이콘 -->

src/pages/NotFoundPage.js

@@ -1,3 +1,5 @@
+import router from "../router/Router.js";
+
 export default function NotFoundPage() {
   return `
       <main class="max-w-md mx-auto px-4 py-4">
@@ -29,7 +31,7 @@ export default function NotFoundPage() {
           <rect x="130" y="130" width="60" height="2" rx="1" fill="url(#blueGradient)" opacity="0.3"/>
         </svg>
   
-        <a href="/" data-link class="inline-block px-6 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors">홈으로</a>
+        <a href="${router.BASE_PATH}" data-link class="inline-block px-6 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors">홈으로</a>
       </div>
       </main>
     `;