심화 과제 2번 테스트

src/components/Header.js

@@ -9,7 +9,7 @@ const Header = () => {
             <header class="bg-blue-600 text-white p-4 sticky top-0">
                 <h1 class="text-2xl font-bold">항해플러스</h1>
             </header>
-            <nav class="bg-white shadow-md p-2 sticky top-14">
+            <nav id="header-nav" class="bg-white shadow-md p-2 sticky top-14">
                 <ul class="flex justify-around">
                   ${isLogin ? `
                     <li><a href="/" class="${activeClass('/')}">홈</a></li>

src/utils/router.js

@@ -42,12 +42,25 @@ export default class Router {
 
     addWholeAnchorEvent() {
         const aTags = document.querySelectorAll('a');
-        aTags.forEach((tag) =>
-            tag.addEventListener('click', (e) => {
-                e.preventDefault();
-                const tagRef = tag.href.replace(location.origin, '');
-                this.render(tagRef);
-            })
-        );
+        const headerNav = document.getElementById('header-nav')
+
+        if(headerNav) {
+            document.querySelectorAll('li').forEach((tag) => {
+                tag.addEventListener('click', (event) => {
+                    event.preventDefault();
+
+                    const tagRef = tag.href.replace(location.origin, '');
+                    this.render(tagRef)
+                });
+            });
+        } else  {
+            aTags.forEach((tag) => {
+                tag.addEventListener('click', (e) => {
+                    e.preventDefault();
+                    const tagRef = tag.href.replace(location.origin, '');
+                    this.render(tagRef);
+                });
+            });
+        }
     }
 }