From 5427ca3f2b547d8a70d4d1bc1ec3e6e6ad4900b1 Mon Sep 17 00:00:00 2001
From: gyulo94 <qkrcjfrb112@gmail.com>
Date: Wed, 17 Jul 2024 18:41:56 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EB=A1=9C=EA=B7=B8=EC=95=84?=
 =?UTF-8?q?=EC=9B=83=20=EA=B8=B0=EB=8A=A5=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/views/include/header.jsp   | 13 +++++++++++-
 .../webapp/WEB-INF/views/user/sign-in.jsp     | 20 +++++++++++++------
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/main/webapp/WEB-INF/views/include/header.jsp b/src/main/webapp/WEB-INF/views/include/header.jsp
index 633337b..de05458 100644
--- a/src/main/webapp/WEB-INF/views/include/header.jsp
+++ b/src/main/webapp/WEB-INF/views/include/header.jsp
@@ -33,6 +33,17 @@ prefix="fn" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
         }
     });
   })
+
+    const onLogoutButtonClickHandler = () => {
+    $.ajax({
+      url: '/user/logout',
+      type: 'POST',
+      success: () => {
+        sessionStorage.setItem('logoutMessage', '정상적으로 로그아웃 되었습니다.');
+        window.location.href = '/sign-in';
+      },
+    });
+  }
 </script>
 
   <header class="header">
@@ -55,7 +66,7 @@ prefix="fn" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
         <div id="user-box" class="header-user-info-box" style="display: none;">
           <div class="header-user-info-mypage-button">마이페이지</div>
           <div class="divider"></div>
-          <div class="header-user-info-logout-button">로그아웃</div>
+          <div class="header-user-info-logout-button" onclick="onLogoutButtonClickHandler()">로그아웃</div>
         </div>
       </c:if>
     </ul>
diff --git a/src/main/webapp/WEB-INF/views/user/sign-in.jsp b/src/main/webapp/WEB-INF/views/user/sign-in.jsp
index ecd7205..bf19c7f 100644
--- a/src/main/webapp/WEB-INF/views/user/sign-in.jsp
+++ b/src/main/webapp/WEB-INF/views/user/sign-in.jsp
@@ -8,8 +8,8 @@ prefix="fn" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
     <meta charset="UTF-8" />
     <title>가계부</title>
     <!-- CSS -->
-    <link href="../css/include/global.css?ver=1" rel="stylesheet" />
-    <link href="../css/user.css?ver=1" rel="stylesheet" />
+    <link href="/css/include/global.css?ver=1" rel="stylesheet" />
+    <link href="/css/user.css?ver=1" rel="stylesheet" />
     <!-- JQuery 최신 -->
     <script src="http://code.jquery.com/jquery-latest.min.js"></script>
     <!-- Sweet Alert -->
@@ -42,15 +42,13 @@ $(document).ready(() => {
         password: password,
       }),
       contentType: "application/json; charset=utf-8",
-      dataType: "text",
-      success: (data) => {
-        if (data) {
+      dataType: "json",
+      success: (response) => {
           sessionStorage.setItem(
             "successMessage",
             "님 환영합니다!"
           );
           window.location.href = "/user/mypage";
-        }
       },
       error: (error) => {
         if (error.status === 400) {
@@ -152,5 +150,15 @@ $(document).ready(() => {
         });
         sessionStorage.removeItem('successMessage');
     }
+});
+  $(document).ready(() => {
+    const logoutMessage = sessionStorage.getItem('logoutMessage');
+    if (logoutMessage) {
+        Toast.fire({
+            icon: 'success',
+            title: logoutMessage,
+        });
+        sessionStorage.removeItem('logoutMessage');
+    }
 });
 </script>
\ No newline at end of file