From 442e1dba5bc39a637696e8d239a683053e08a52d Mon Sep 17 00:00:00 2001
From: plumbestie <jangmj1121@naver.com>
Date: Sun, 31 May 2026 14:33:59 +0900
Subject: [PATCH] =?UTF-8?q?[Feat]=20=ED=97=A4=EB=8D=94=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=95=84=EC=9B=83=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Header.js         |  7 +++++++
 frontend/src/components/Header.module.css | 16 +++++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Header.js b/frontend/src/components/Header.js
index a994e66..d2c815c 100644
--- a/frontend/src/components/Header.js
+++ b/frontend/src/components/Header.js
@@ -10,6 +10,13 @@ function Header({ type }) {
                 <NavLink to="/sessions" className={({ isActive }) => isActive ? styles.active : ''}>Q&A</NavLink>
                 <NavLink to="/curriculum" className={({ isActive }) => isActive ? styles.active : ''}>커리큘럼</NavLink>
             </nav>
+            <button className={styles.logoutBtn} onClick={() => {
+                localStorage.removeItem('token');
+                localStorage.removeItem('role');
+                window.location.href = '/login';
+            }}>
+                로그아웃
+            </button>            
         </header>
     );
 }
diff --git a/frontend/src/components/Header.module.css b/frontend/src/components/Header.module.css
index 585049b..fb275f0 100644
--- a/frontend/src/components/Header.module.css
+++ b/frontend/src/components/Header.module.css
@@ -60,4 +60,18 @@
 .active {
     color: var(--logo-color) !important;
     font-weight: 700;
-}
\ No newline at end of file
+}
+
+.logoutBtn {
+    margin-left: auto;
+    background: transparent;
+    border: none;
+    color: var(--header-color);
+    font-family: var(--font-main);
+    font-size: 1rem;
+    font-weight: 500;
+    cursor: pointer;
+    opacity: 0.7;
+}
+
+.logoutBtn:hover { opacity: 1; transition: all ease-in-out 0.2s; }
\ No newline at end of file