로그아웃
•
기능 설명
•
작업 순서
•
실습 코드
•
테스트
•
결과 화면
기능 설명
로그아웃 기능은 세션의 등록된 사용자 정보를 해제하는 기능입니다.
작업 순서
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
복사
