๋ก๊ทธ์์
โข
๊ธฐ๋ฅ ์ค๋ช
โข
์์
์์
โข
์ค์ต ์ฝ๋
โข
ํ
์คํธ
โข
๊ฒฐ๊ณผ ํ๋ฉด
๊ธฐ๋ฅ ์ค๋ช
๋ก๊ทธ์์ ๊ธฐ๋ฅ์ ์ธ์
์ ๋ฑ๋ก๋ ์ฌ์ฉ์ ์ ๋ณด๋ฅผ ํด์ ํ๋ ๊ธฐ๋ฅ์
๋๋ค.
์์ ์์
1.
๋ก๊ทธ์์ ๋ฒํผ ์์ฑ
2.
๋ก๊ทธ์์ ์ฒ๋ฆฌ ๋ก์ง ์์ฑ
๋ก๊ทธ์์ ๋ฒํผ ์์ฑ
๋ก๊ทธ์ธ ์, ์ถ๋ ฅ๋๋ ํ๋ฉด์์ ๋ก๊ทธ์์ ๋ฒํผ์ ์ถ๊ฐํฉ๋๋ค.
์ผ๋ฐ์ ์ผ๋ก, ๋ก๊ทธ์ธ ์ ์ถ๋ ฅ๋๋ UI ์ธ ํค๋ ์์ญ์ ๋ก๊ทธ์์ ๋ฒํผ์ ๊ตฌ์ฑํฉ๋๋ค.
๋ก๊ทธ์์ ์ฒ๋ฆฌ ๋ก์ง ์์ฑ
์ธ์
์ ๋นํ์ฑํํ๊ณ ๋ก๊ทธ์ธ ๊ด๋ จ ์ฌ์ฉ์ ์ฟ ํค ๋ฑ์ ์ ๊ฑฐํ๋ ๋ก์ง์ ์์ฑํฉ๋๋ค.
์ค์ต ์ฝ๋
โข
header.jsp - ๋ก๊ทธ์์ ๋ฒํผ
โข
logout.jsp - ๋ก๊ทธ์์ ์ฒ๋ฆฌ ๋ก์ง
header.jsp - ๋ก๊ทธ์์ ๋ฒํผ
<!-- ๋ก๊ทธ์ธ ์ -->
<li class="nav-item">
<div class="dropdown text-white">
<a href="#" class="d-flex align-items-center link-body-emphasis text-decoration-none dropdown-toggle text-white" data-bs-toggle="dropdown" aria-expanded="false">
<img src="<%= root %>/static/img/logo.png" alt="" width="32" height="32" class="rounded-circle me-2">
<strong class="text-white"><%= loginId %></strong>
</a>
<ul class="dropdown-menu text-small shadow">
<li><a class="dropdown-item" href="${ root }/users/logout.jsp">๋ก๊ทธ์์</a></li>
</ul>
</div>
</li>
HTML
๋ณต์ฌ
logout.jsp - ๋ก๊ทธ์์ ์ฒ๋ฆฌ ๋ก์ง
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
// ์ธ์
๋ฌดํจํ
session.invalidate();
// ๋ฉ์ธ ํ๋ฉด์ผ๋ก ์ด๋
response.sendRedirect(request.getContextPath() + "/");
%>
Java
๋ณต์ฌ