fix: 해시라우팅 시 nav 변하지 않는 오류 수정, store subscriber 중복 문제 수정

src/app/router.js

@@ -1,7 +1,12 @@
 import Routes from "./routes";
 import userService from "../features/UserService";
+import { Store } from "../features";
+
+const store = Store.getInstance();
 
 export const historyRouter = (path) => {
+  store.clearListeners();
+
   const pathToGo = interceptor(path);
 
   history.pushState({}, "", pathToGo);
@@ -14,6 +19,8 @@ export const historyRouter = (path) => {
 };
 
 export const hashRouter = (hash) => {
+  store.clearListeners();
+
   const path = hash.replace("#", "");
   const pathToGo = interceptor(path);
 

src/features/Store.js

@@ -19,6 +19,10 @@ const Store = (function () {
         listeners.add(listener);
         return () => listeners.delete(listener);
       },
+
+      clearListeners: () => {
+        listeners.clear();
+      },
     };
   };
 

src/widgets/Header.js

@@ -12,7 +12,9 @@ const Header = () => {
       : { href: "/login", title: "로그인" },
   ];
 
-  const currentPath = window.location.pathname;
+  const currentPath =
+    window.location.hash?.replace("#", "") || window.location.pathname;
+
   const isCurrNav = (path) => path === currentPath;
   const navTextColor = (path) => (isCurrNav(path) ? "blue-600" : "gray-600");
   const navFontWeight = (path) => (isCurrNav(path) ? "bold" : "");