chore: 코드 정리

src/initApp.js

@@ -0,0 +1,28 @@
+import { router } from "./app/router";
+
+const initLoadedListener = () => {
+  document.addEventListener("DOMContentLoaded", () => {
+    const currentPath = window.location.hash || window.location.pathname;
+    router(currentPath);
+  });
+};
+
+const initPopListener = () => {
+  window.addEventListener("popstate", () => {
+    const currentPath = window.location.hash || window.location.pathname;
+    router(currentPath);
+  });
+};
+
+const initHashChangeListener = () => {
+  window.addEventListener("hashchange", () => {
+    const currentPath = window.location.hash || window.location.pathname;
+    router(currentPath);
+  });
+};
+
+export const initApp = () => {
+  initPopListener();
+  initHashChangeListener();
+  initLoadedListener();
+};

src/main.js

@@ -1,23 +1,3 @@
-import { router } from "./app/router";
+import { initApp } from "./initApp";
 
-const initPopListener = () => {
-  window.addEventListener("popstate", () => {
-    const currentPath = window.location.hash || window.location.pathname;
-    router(currentPath);
-  });
-};
-
-const initHashChangeListener = () => {
-  window.addEventListener("hashchange", () => {
-    const currentPath = window.location.hash || window.location.pathname;
-    router(currentPath);
-  });
-};
-
-initPopListener();
-initHashChangeListener();
-
-document.addEventListener("DOMContentLoaded", () => {
-  const currentPath = window.location.hash || window.location.pathname;
-  router(currentPath);
-});
+initApp();