feat: 초기 진입 경로가 해시 형태일 경우 해시라우터 쓰도록 변경

src/main.hash.js

@@ -1,4 +1,5 @@
 import "./main.js";
 import router from "./network/router/Router.js";
 
+// 해당 파일을 통해 진입하는 경우 무조건 해시 라우터를 사용하도록 설정
 router.toggleHash(true);

src/main.js

@@ -10,4 +10,14 @@ const init = () => {
 };
 init();
 
-window.addEventListener("load", () => router.route(window.location.pathname));
+window.addEventListener("load", () => {
+  // 진입점이 해시 경로인지 아닌지에 따라 어떠한 경로를 라우팅할지 결정
+  // 해시로 진입한 경우에는 해시라우터를 쓴다고 toggle 해 주어야 할까?
+  window.location.hash
+    ? router.route(window.location.hash.replace("#", ""))
+    : router.route(window.location.pathname);
+
+  if (window.location.hash) {
+    router.toggleHash(true);
+  }
+});

src/network/router/Router.js

@@ -51,6 +51,7 @@ class Router {
     this.routes[path] = handler;
   };
 
+  // 해시 라우팅 on off 함수
   toggleHash = (fixed) => {
     this.isHash = fixed;
     if (this.isHash) {
@@ -69,6 +70,7 @@ class Router {
   };
 
   route = (path) => {
+    console.log(path, "path", this.isHash);
     const handler = this.routes[path];
     if (handler) {
       log(`Routing to ${path}`);
@@ -96,7 +98,9 @@ class Router {
     let skip = false;
     if (guards) {
       for (const guard of guards) {
+        console.log(guards, "guards");
         const redirectPath = guard();
+        console.log(redirectPath, "redirectPath");
         if (redirectPath) {
           this.navigate(redirectPath);
           skip = true;