^(코딩캣)^ = @"코딩"하는 고양이;
썸네일 이미지
JSP 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]
Perl 로그인 로그아웃 예제 정리 본 시리즈에서는 웹 개발을 할 때 자주 사용되는 기능인 로그인/로그아웃 기능에 대한 예제를 정리한다. 아이디와 암호가 일치할 경우 이 상태를 쿠키cookie나 세션session에 기억시키고, 이후 페이지 접속 시 해당 쿠키 또는 세션의 보유 여부에 따라 로그인한 이용자와 로그인하지 않은 이용자를 구분하고 서로 다른 페이지를 보여주도록 하는 것이 본 시리즈에서 구현하는 주된 기능이다. Perl 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예) Perl 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完] PHP 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예) PHP 로그인 로그아웃 예제 정리 (part 02 - 세션을..
Common Gateway Interface/JSP
2018. 9. 19. 13:29

JSP 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]

Common Gateway Interface/JSP
2018. 9. 19. 13:29

Perl 로그인 로그아웃 예제 정리


본 시리즈에서는 웹 개발을 할 때 자주 사용되는 기능인 로그인/로그아웃 기능에 대한 예제를 정리한다. 아이디와 암호가 일치할 경우 이 상태를 쿠키cookie나 세션session에 기억시키고, 이후 페이지 접속 시 해당 쿠키 또는 세션의 보유 여부에 따라 로그인한 이용자와 로그인하지 않은 이용자를 구분하고 서로 다른 페이지를 보여주도록 하는 것이 본 시리즈에서 구현하는 주된 기능이다.

  1. Perl 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)
  2. Perl 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]
  3. PHP 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)
  4. PHP 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]
  5. JSP 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)
  6. JSP 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]
  7. ASP 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)
  8. ASP 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]
  9. ASP.NET 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)
  10. ASP.NET 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]

Part II. 세션을 사용한 로그인, 로그아웃 (Perl)


본 게시물에서는 JSP 소스 코드로 세션에 의한 로그인/로그아웃 기능을 구현한다. 로그인 화면에서 아이디와 암호를 맞게 입력했다면 서버에 로그인 정보를 보관하고 이 정보에 접근할 수 있는 식별 번호를 클라이언트의 쿠키로 전송한다. 이후 클라이언트는 페이지를 접속할 때마다 쿠키를 통해 세션 번호를 서버에 전달하고, 서버는 해당 번호의 세션이 보유한 유효성 여부를 판별하여 회원 페이지를 보여줄 것인지, 비회원 페이지를 보여줄 것인지를 결정하게 된다.

step1.jsp - 로그인 화면


이 페이지를 통해 사용자로부터 아이디와 암호를 입력받는다. 아이디가 전달될 매개변수 이름은 trialUsername이라 하고 암호가 전달될 매개변수 이름은 trialPassword라 이름 붙인다. 예제 소스 코드의 구조를 단순하게 하기 위하여 아이디와 암호에 대한 보안 조치 등은 생략한 채 쿠키와 POST 데이터를 통해 직접 사용자 이름과 암호가 전달될 것이다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
	request.setCharacterEncoding("UTF-8");
%>
<%
/******************************************************************************/
// 웹 페이지 본문 영역
%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<title>3 단계 : 회원 페이지</title>
		<style> a { color: #0000FF; } </style>
	</head>
	<body>
		<header>
			<h1>3 단계 : 회원 페이지</h1>
		</header>
		<hr />
		<section>
			<p>사용자 이름과 사용자 암호를 입력하세요.</p>
			<form action="./step2.jsp" method="post">
				<label for="trialUsername">사용자 이름 : </label>
				<input type="text" id="trialUsername" name="trialUsername" />
				<label for="trialPassword">사용자 암호 : </label>
				<input type="password" id="trialPassword" name="trialPassword" />
				<input type="submit" />
			</form>
		</section>
		<hr />
		<footer>
			<p>
				<span><strong>1 단계(로그인)</strong> | </span>
				<span><a href="./step2.jsp">2 단계(사용자 인증)</a> | </span>
				<span><a href="./step3.jsp">3 단계(회원 페이지)</a> | </span>
				<span><a href="./step4.jsp">4 단계(로그아웃)</a></span>
			</p>
		</footer>
	</body>
</html>
[그림 1] step1.jsp 소스 코드의 실행 화면

위 소스 코드에서는 사용자 이름과 암호를 입력받는 폼form을 출력한다. name 속성이 각각 trialUsernametrialPasswordinput을 통해 사용자 이름과 암호를 입력받은 뒤 POST 방식으로 다음 파일인 step2.jsp로 전달할 것이다.

step2.jsp - 사용자 인증


이 페이지는 step1.jsp에서 전달된 아이디(trialUsername)/암호(trialPassword)가 미리 준비된 아이디(authorizedUsername)/암호(authorizedPassword)와 일치하는지 여부를 검사할 것이다. 일치하면 membershipUsernamemembershipPassword라는 세션 변수에 각각 아이디와 암호를 보관하고, 해당 세션의 식별번호를 쿠키를 통해 클라이언트로 전송할 것이다. 일치하지 않으면 별도의 오류 메시지를 보여줄 것이다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
	request.setCharacterEncoding("UTF-8");
%>
<%!
/******************************************************************************/
// 사용자 인증 로직
// 이름과 암호를 비교하며 승인되면 true, 승인 안 되면 false를 반환한다.

// 아래 이름의 사용자면 로그인 승인 함
private static final String authorizedUsername = "codingCat";
// 아래의 암호를 입력하면 로그인 승인 함
private static final String authorizedPassword = "qwerty123456!";
// 로그인 승인 시 true, 아니면 false
private boolean authorizeStatus = false;

// authorizeMembership(String trialUsername, String trialPassword)
// 사용자 이름과 암호를 비교하여 로그인 승인 여부를 결정하는 서브루틴
// trialUsername : 로그인을 시도하는 사용자 이름
// trialPassword : 로그인을 시도하는 사용자가 입력한 암호
// 로그인 승인하면 true를 반환하고, 승인 거부 시 false를 반환한다.
private static boolean authorizeMembership(String trialUsername, String trialPassword)
{
	// 로그인 요청하는 사용자 이름이 미리 지정된 이름과 같은지 검사
	if (authorizedUsername.equals(trialUsername))
	{
		// 이름이 일치하면, 암호가 같은지 검사
		if (authorizedPassword.equals(trialPassword)) 
		{
			// 이름과 암호가 모두 일치하면 로그인 승인
			return true;
		}
	}

	// 그렇지 않을 경우 로그인 거부
	return false;
}
%>
<%
/******************************************************************************/
// 웹 페이지 헤더 영역
// 세션에 기록된 사용자 이름 및 암호를 읽어와서 로그인 유효성을 검증한다.

String trialUsername = null;
String trialPassword = null;

authorizeStatus = false;

// POST 방식으로 넘어온 데이터 중 trialUsername이라는 데이터가 있는지 확인
if (request.getParameter("trialUsername") != null)
{
	trialUsername = request.getParameter("trialUsername");

	// trialUsername이 존재하면, trialPassword라는 데이터도 있는지 확인
	if (request.getParameter("trialPassword") != null)
	{
		trialPassword = request.getParameter("trialPassword");

		// trialUsername과 trialPassword가 모두 수신되면,
		// 위에서 선언한 authorizeMembership 서브루틴을 호출하여 로그인 요청한다.
		authorizeStatus = authorizeMembership
		(
			trialUsername,
			trialPassword
		);
	}
}

// 로그인 요청이 승인되었다면
if (authorizeStatus)
{
	// membershipUsername이라 이름붙인 세션변수에 사용자 이름을 기록한다.
	session.setAttribute("membershipUsername", trialUsername);

	// membershipPassword이라 이름붙인 세션변수에 사용자 암호를 기록한다.
	session.setAttribute("membershipPassword", trialPassword);

	// 세션의 유효기간은 현재 시점으로부터 12시간이다.
	session.setMaxInactiveInterval(12 * 60 * 60);
}
%>
<%
/******************************************************************************/
// 웹 페이지 본문 영역
%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<title>2 단계 : 사용자 인증</title>
		<style> a { color: #0000FF; } </style>
	</head>
	<body>
		<header>
			<h1>2 단계 : 사용자 인증</h1>
		</header>
		<hr />
		<section>
			<% if (authorizeStatus) { %>
			<% /* 로그인 승인 되었다면... */ %>
			<p>로그인에 성공했습니다.</p>
			<p><a href="./step3.jsp">회원 페이지</a></p>
			<% } else { %>
			<% /* 로그인 거부 되었다면... */ %>
			<p>로그인에 실패했습니다.</p>
			<p><a href="./step1.jsp">로그인 화면</a></p>
			<% } %>
		</section>
		<hr />
		<footer>
			<p>
				<span><a href="./step1.jsp">1 단계(로그인)</a> | </span>
				<span><strong>2 단계(사용자 인증)</strong> | </span>
				<span><a href="./step3.jsp">3 단계(회원 페이지)</a> | </span>
				<span><a href="./step4.jsp">4 단계(로그아웃)</a></span>
			</p>
		</footer>
	</body>
</html>
[그림 2] step2.jsp 소스 코드의 실행 화면 (로그인 성공)
[그림 3] step2.jsp 소스 코드의 실행 화면 (로그인 실패)

JSP의 경우 세션 정보들은 객체의 형태로 메모리에 보관된다.

step3.jsp - 회원 전용 페이지


클라이언트 측으로부터 쿠키에 보관된 세션 식별 번호를 전달받는다. 서버의 특정 위치에서 해당 번호를 갖는 세션을 읽어온 후, 로그인 상태임이 확인되면 회원 전용 페이지를 출력한다. 그렇지 않다면 비회원용 페이지를 출력한다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
	request.setCharacterEncoding("UTF-8");
%>
<%!
/******************************************************************************/
// 사용자 인증 로직
// 이름과 암호를 비교하며 승인되면 true, 승인 안 되면 false를 반환한다.

// 아래 이름의 사용자면 로그인 승인 함
private static final String authorizedUsername = "codingCat";
// 아래의 암호를 입력하면 로그인 승인 함
private static final String authorizedPassword = "qwerty123456!";
// 로그인 승인 시 true, 아니면 false
private boolean authorizeStatus = false;

// authorizeMembership(String trialUsername, String trialPassword)
// 사용자 이름과 암호를 비교하여 로그인 승인 여부를 결정하는 서브루틴
// trialUsername : 로그인을 시도하는 사용자 이름
// trialPassword : 로그인을 시도하는 사용자가 입력한 암호
// 로그인 승인하면 true를 반환하고, 승인 거부 시 false를 반환한다.
private static boolean authorizeMembership(String trialUsername, String trialPassword)
{
	// 로그인 요청하는 사용자 이름이 미리 지정된 이름과 같은지 검사
	if (authorizedUsername.equals(trialUsername))
	{
		// 이름이 일치하면, 암호가 같은지 검사
		if (authorizedPassword.equals(trialPassword)) 
		{
			// 이름과 암호가 모두 일치하면 로그인 승인
			return true;
		}
	}

	// 그렇지 않을 경우 로그인 거부
	return false;
}
%>
<%
/******************************************************************************/
// 웹 페이지 헤더 영역
// 세션에 기록된 사용자 이름 및 암호를 읽어와서 로그인 유효성을 검증한다.

String membershipUsername = null;
String membershipPassword = null;

authorizeStatus = false;

// 로그인 유효성 검사 : 세션에 저장된 로그인 정보를 검증한다.

// 세션 변수 중 membershipUsername이라는 데이터가 있는지 확인
if (session.getAttribute("membershipUsername") != null)
{
	// membershipUsername이 존재하면, membershipPassword라는 데이터도 있는지 확인
	if (session.getAttribute("membershipPassword") != null)
	{
		// 세션 변수에서 얻은 사용자 이름과 암호로 로그인 상태가 유효한지 검증
		membershipUsername = (String)session.getAttribute("membershipUsername");
		membershipPassword = (String)session.getAttribute("membershipPassword");

		// membershipUsername과 membershipPassword가 모두 수신되면,
		// 앞서 정의된 authorizeMembership 메서드로 로그인 요청한다.
		authorizeStatus = authorizeMembership(membershipUsername, membershipPassword);
	}
}

// 로그인 요청이 승인되었다면
if (authorizeStatus)
{
	// membershipUsername이라 이름붙인 세션변수에 사용자 이름을 기록한다.
	session.setAttribute("membershipUsername", membershipUsername);

	// membershipPassword이라 이름붙인 세션변수에 사용자 암호를 기록한다.
	session.setAttribute("membershipPassword", membershipPassword);

	// 세션의 유효기간은 현재 시점으로부터 12시간이다.
	session.setMaxInactiveInterval(12 * 60 * 60);
}
%>
<%
/******************************************************************************/
// 웹 페이지 본문 영역
%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<title>3 단계 : 회원 페이지</title>
		<style> a { color: #0000FF; } </style>
	</head>
	<body>
		<header>
			<h1>3 단계 : 회원 페이지</h1>
		</header>
		<hr />
		<section>
			<% if (authorizeStatus) { %>
			<% /* 로그인 승인 되었다면... */ %>
			<p>회원 전용 페이지</p>
			<p>환영합니다. <%=membershipUsername%>님.</p>
			<p>쿠키 문자열 :</p>
			<% for (java.util.Enumeration<String> e = request.getHeaders("Cookie"); e.hasMoreElements(); ) { %>
			<pre><code><%=e.nextElement()%></code></pre>
			<% } %>
			<p><a href="./step4.jsp">로그아웃</a></p>
			<% } else { %>
			<% /* 로그인 거부 되었다면... */ %>
			<p>이 페이지를 보려면 로그인이 필요합니다.</p>
			<p><a href="./step1.jsp">로그인</a></p>
			<% } %>
		</section>
		<hr />
		<footer>
			<p>
				<span><a href="./step1.jsp">1 단계(로그인)</a> | </span>
				<span><a href="./step2.jsp">2 단계(사용자 인증)</a> | </span>
				<span><strong>3 단계(회원 페이지)</strong> | </span>
				<span><a href="./step4.jsp">4 단계(로그아웃)</a></span>
			</p>
		</footer>
	</body>
</html>
[그림 4] step3.jsp 소스 코드의 실행 화면 (로그인 성공)
[그림 5] step3.jsp 소스 코드의 실행 화면 (로그인 실패)

step4.jsp - 로그아웃 화면


로그인 상태임이 확인되면 서버의 세션을 삭제하고 클라이언트의 쿠키를 만료시켜서 로그아웃 작업을 수행한다. 그렇지 않은 경우 이미 로그아웃 상태임을 알려준다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
	request.setCharacterEncoding("UTF-8");
%>
<%!
/******************************************************************************/
// 사용자 인증 로직
// 이름과 암호를 비교하며 승인되면 true, 승인 안 되면 false를 반환한다.

// 아래 이름의 사용자면 로그인 승인 함
private static final String authorizedUsername = "codingCat";
// 아래의 암호를 입력하면 로그인 승인 함
private static final String authorizedPassword = "qwerty123456!";
// 로그인 승인 시 true, 아니면 false
private boolean authorizeStatus = false;

// authorizeMembership(String trialUsername, String trialPassword)
// 사용자 이름과 암호를 비교하여 로그인 승인 여부를 결정하는 서브루틴
// trialUsername : 로그인을 시도하는 사용자 이름
// trialPassword : 로그인을 시도하는 사용자가 입력한 암호
// 로그인 승인하면 true를 반환하고, 승인 거부 시 false를 반환한다.
private static boolean authorizeMembership(String trialUsername, String trialPassword)
{
	// 로그인 요청하는 사용자 이름이 미리 지정된 이름과 같은지 검사
	if (authorizedUsername.equals(trialUsername))
	{
		// 이름이 일치하면, 암호가 같은지 검사
		if (authorizedPassword.equals(trialPassword)) 
		{
			// 이름과 암호가 모두 일치하면 로그인 승인
			return true;
		}
	}

	// 그렇지 않을 경우 로그인 거부
	return false;
}
%>
<%
/******************************************************************************/
// 웹 페이지 헤더 영역 : 이전 페이지에서 POST 방식으로 전송된 사용자 이름 및 암호를 읽어온다.

String membershipUsername = null;
String membershipPassword = null;

authorizeStatus = false;

// 로그인 유효성 검사 : 세션에 저장된 로그인 정보를 검증한다.

// 세션 변수 중에 membershipUsername이라는 데이터가 있는지 확인
if (session.getAttribute("membershipUsername") != null)
{
	// 세션 변수 중에 membershipPassword이라는 데이터가 있는지 확인
	if (session.getAttribute("membershipPassword") != null)
	{
		// 세션 변수에서 얻은 사용자 이름과 암호로 로그인 상태가 유효한지 검증
		membershipUsername = (String)session.getAttribute("membershipUsername");
		membershipPassword = (String)session.getAttribute("membershipPassword");

		// membershipUsername과 membershipPassword가 모두 수신되면,
		// 앞서 정의된 authorizeMembership 메서드로 로그인 요청한다.
		authorizeStatus = authorizeMembership
		(
			membershipUsername,
			membershipPassword
		);
	}
}

// 로그아웃은 로그인 여부와 무관하게 수행된다.
// 세션 객체를 삭제함
session.removeAttribute("membershipUsername");
session.removeAttribute("membershipPassword");
%>
<%
/******************************************************************************/
// 웹 페이지 본문 영역
%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<title>4 단계 : 로그아웃</title>
		<style> a { color: #0000FF; } </style>
	</head>
	<body>
		<header>
			<h1>4 단계 : 로그아웃</h1>
		</header>
		<hr />
		<section>
			<% if (authorizeStatus) { %>
			<% /* 로그인 된 상태였다면 ... */ %>
			<p>로그아웃되었습니다.</p>
			<p><a href="./step1.jsp">로그인</a></p>
			<% } else { %>
			<% /* 로그인 안 된 상태였다면... */ %>
			<p>로그인되어있지 않습니다.</p>
			<p><a href="./step1.jsp">로그인</a></p>
			<% } %>
		</section>
		<hr />
		<footer>
			<p>
				<span><a href="./step1.jsp">1 단계(로그인)</a> | </span>
				<span><a href="./step2.jsp">2 단계(사용자 인증)</a> | </span>
				<span><a href="./step3.jsp">3 단계(회원 페이지)</a> | </span>
				<span><strong>4 단계(로그아웃)</strong></span>
			</p>
		</footer>
	</body>
</html>
[그림 6] step4.jsp 소스 코드의 실행 화면 (로그아웃 성공)
[그림 7] step4.jsp 소스 코드의 실행 화면 (이미 로그아웃된 상태)

step1.jsp - 중복 로그인을 방지하기 위한 소스 코드의 수정


앞서 작성한 step3.jsp을 살펴보면, 세션으로부터 사용자 이름과 암호를 읽은 후 로그인 유효성을 재검증하는 부분이 있다. 로그인이 재차 승인되면 쿠키의 유효기간이 연장되면서 회원 전용 페이지를 보여주고 그렇지 않으면 로그인 화면으로 안내하는 메시지를 보여주는데 이를 step1.jsp에 적용해본다. 중복 로그인을 방지하기 위해 쿠키를 읽어들이고 이미 로그인이 유효한 상태라면 곧바로 회원 페이지로 넘어갈 수 있도록 안내하는 기능이 추가된다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
	request.setCharacterEncoding("UTF-8");
%>
<%!
/******************************************************************************/
// 사용자 인증 로직
// 이름과 암호를 비교하며 승인되면 true, 승인 안 되면 false를 반환한다.

// 아래 이름의 사용자면 로그인 승인 함
private static final String authorizedUsername = "codingCat";
// 아래의 암호를 입력하면 로그인 승인 함
private static final String authorizedPassword = "qwerty123456!";
// 로그인 승인 시 true, 아니면 false
private boolean authorizeStatus = false;

// authorizeMembership(String trialUsername, String trialPassword)
// 사용자 이름과 암호를 비교하여 로그인 승인 여부를 결정하는 서브루틴
// trialUsername : 로그인을 시도하는 사용자 이름
// trialPassword : 로그인을 시도하는 사용자가 입력한 암호
// 로그인 승인하면 true를 반환하고, 승인 거부 시 false를 반환한다.
private static boolean authorizeMembership(String trialUsername, String trialPassword)
{
	// 로그인 요청하는 사용자 이름이 미리 지정된 이름과 같은지 검사
	if (authorizedUsername.equals(trialUsername))
	{
		// 이름이 일치하면, 암호가 같은지 검사
		if (authorizedPassword.equals(trialPassword)) 
		{
			// 이름과 암호가 모두 일치하면 로그인 승인
			return true;
		}
	}

	// 그렇지 않을 경우 로그인 거부
	return false;
}
%>
<%
/******************************************************************************/
// 웹 페이지 헤더 영역
// 세션에 기록된 사용자 이름 및 암호를 읽어와서 로그인 유효성을 검증한다.

String membershipUsername = null;
String membershipPassword = null;
Cookie objectUsername = null;
Cookie objectPassword = null;

authorizeStatus = false;

// 로그인 유효성 검사 : 세션에 저장된 로그인 정보를 검증한다.

// 세션 변수 중 membershipUsername이라는 데이터가 있는지 확인
if (session.getAttribute("membershipUsername") != null)
{
	// membershipUsername이 존재하면, membershipPassword라는 데이터도 있는지 확인 
	if (session.getAttribute("membershipPassword") != null)
	{
		// 세션 변수에서 얻은 사용자 이름과 암호로 로그인 상태가 유효한지 검증
		membershipUsername = (String)session.getAttribute("membershipUsername");
		membershipPassword = (String)session.getAttribute("membershipPassword");

		// membershipUsername과 membershipPassword가 모두 수신되면,
		// 앞서 정의된 authorizeMembership 메서드로 로그인 요청한다.
		authorizeStatus = authorizeMembership
		(
			membershipUsername,
			membershipPassword
		);
	}
}

// 로그인 요청이 승인되었다면
if (authorizeStatus)
{
	// membershipUsername이라 이름붙인 세션 변수에
	// 사용자 이름을 기록한다.
	session.setAttribute("membershipUsername", membershipUsername);

	// membershipPassword이라 이름붙인 세션 변수에
	// 사용자 암호를 기록한다.
	session.setAttribute("membershipPassword", membershipPassword);

	// 세션의 유효기간을 현재 시점으로부터 12시간으로 연장한다. [단위: 초]
	session.setMaxInactiveInterval(12 * 60 * 60);
}
%>
<%
/******************************************************************************/
// 웹 페이지 본문 영역
%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<title>3 단계 : 회원 페이지</title>
		<style> a { color: #0000FF; } </style>
	</head>
	<body>
		<header>
			<h1>3 단계 : 회원 페이지</h1>
		</header>
		<hr />
		<section>
			<% if (authorizeStatus) { %>
			<% /* 로그인 승인 되었다면... */ %>
			<p>이미 로그인되어 있습니다.</p>
			<p><a href="step3.jsp">회원 페이지</a></p>
			<% } else { %>
			<% /* 로그인 거부 되었다면... */ %>
			<p>사용자 이름과 사용자 암호를 입력하세요.</p>
			<form action="./step2.jsp" method="post">
				<label for="trialUsername">사용자 이름 : </label>
				<input type="text" id="trialUsername" name="trialUsername" />
				<label for="trialPassword">사용자 암호 : </label>
				<input type="password" id="trialPassword" name="trialPassword" />
				<input type="submit" />
			</form>
			<% } %>
		</section>
		<hr />
		<footer>
			<p>
				<span><strong>1 단계(로그인)</strong> | </span>
				<span><a href="./step2.jsp">2 단계(사용자 인증)</a> | </span>
				<span><a href="./step3.jsp">3 단계(회원 페이지)</a> | </span>
				<span><a href="./step4.jsp">4 단계(로그아웃)</a></span>
			</p>
		</footer>
	</body>
</html>
[그림 8] 로그인이 유효한 상태에서 접속하였을 때, step1.jsp 소스 코드의 출력 결과
카테고리 “Common Gateway Interface/JSP”
more...
썸네일 이미지
JSP 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)
Perl 로그인 로그아웃 예제 정리 본 시리즈에서는 웹 개발을 할 때 자주 사용되는 기능인 로그인/로그아웃 기능에 대한 예제를 정리한다. 아이디와 암호가 일치할 경우 이 상태를 쿠키cookie나 세션session에 기억시키고, 이후 페이지 접속 시 해당 쿠키 또는 세션의 보유 여부에 따라 로그인한 이용자와 로그인하지 않은 이용자를 구분하고 서로 다른 페이지를 보여주도록 하는 것이 본 시리즈에서 구현하는 주된 기능이다. Perl 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예) Perl 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完] PHP 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예) PHP 로그인 로그아웃 예제 정리 (part 02 - 세션을..
Common Gateway Interface/JSP
2018. 9. 16. 21:43

JSP 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)

Common Gateway Interface/JSP
2018. 9. 16. 21:43

Perl 로그인 로그아웃 예제 정리


본 시리즈에서는 웹 개발을 할 때 자주 사용되는 기능인 로그인/로그아웃 기능에 대한 예제를 정리한다. 아이디와 암호가 일치할 경우 이 상태를 쿠키cookie나 세션session에 기억시키고, 이후 페이지 접속 시 해당 쿠키 또는 세션의 보유 여부에 따라 로그인한 이용자와 로그인하지 않은 이용자를 구분하고 서로 다른 페이지를 보여주도록 하는 것이 본 시리즈에서 구현하는 주된 기능이다.

  1. Perl 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)
  2. Perl 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]
  3. PHP 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)
  4. PHP 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]
  5. JSP 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)
  6. JSP 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]
  7. ASP 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)
  8. ASP 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]
  9. ASP.NET 로그인 로그아웃 예제 정리 (part 01 - 쿠키를 사용한 예)
  10. ASP.NET 로그인 로그아웃 예제 정리 (part 02 - 세션을 사용한 예) [完]

Part I. 쿠키를 사용한 로그인, 로그아웃 (Perl)


본 게시물에서는 JSP 소스 코드로 쿠키에 의한 로그인/로그아웃 기능을 구현한다. 로그인 화면에서 아이디와 암호를 맞게 입력했다면 이 정보를 클라이언트의 쿠키로 전송한다. 이후 클라이언트는 페이지를 접속할 때마다 쿠키를 서버에 전달하고, 서버는 쿠키의 유효성 여부를 판별하여 회원 페이지를 보여줄 것인지, 비회원 페이지를 보여줄 것인지를 결정하게 된다.

step1.jsp - 로그인 화면


이 페이지를 통해 사용자로부터 아이디와 암호를 입력받는다. 아이디가 전달될 매개변수 이름은 trialUsername이라 하고 암호가 전달될 매개변수 이름은 trialPassword라 이름 붙인다. 예제 소스 코드의 구조를 단순하게 하기 위하여 아이디와 암호에 대한 보안 조치 등은 생략한 채 쿠키와 POST 데이터를 통해 직접 사용자 이름과 암호가 전달될 것이다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
/******************************************************************************/
// 웹 페이지 본문 영역
%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<title>1 단계 : 로그인</title>
	</head>
	<body>
		<header>
			<h1>1 단계 : 로그인</h1>
		</header>
		<hr />
		<section>
			<p>사용자 이름과 사용자 암호를 입력하세요.</p>
			<form action="./step2.jsp" method="post">
				<label for="trialUsername">사용자 이름 : </label>
				<input type="text" id="trialUsername" name="trialUsername" />
				<label for="trialPassword">사용자 암호 : </label>
				<input type="password" id="trialPassword" name="trialPassword" />
				<input type="submit" />
			</form>
		</section>
		<hr />
		<footer>
			<p>
				<span><strong>1 단계(로그인)</strong> | </span>
				<span><a href="./step2.jsp">2 단계(사용자 인증)</a> | </span>
				<span><a href="./step3.jsp">3 단계(회원 페이지)</a> | </span>
				<span><a href="./step4.jsp">4 단계(로그아웃)</a></span>
			</p>
		</footer>
	</body>
</html>
[그림 1] step1.jsp 소스 코드의 실행 화면

위 소스 코드에서는 사용자 이름과 암호를 입력받는 폼form을 출력한다. name 속성이 각각 trialUsernametrialPasswordinput을 통해 사용자 이름과 암호를 입력받은 뒤 POST 방식으로 다음 파일인 step2.jsp로 전달할 것이다.

step2.jsp - 사용자 인증


이 페이지는 step1.jsp에서 전달된 아이디(trialUsername)/암호(trialPassword)가 미리 준비된 아이디(authorizedUsername)/암호(authorizedPassword)와 일치하는지 여부를 검사할 것이다. 일치하면 membershipUsernamemembershipPassword라는 쿠키 변수에 각각 아이디와 암호를 보관하여 클라이언트로 전송할 것이다. 일치하지 않으면 별도의 오류 메시지를 보여줄 것이다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%!
/******************************************************************************/
// 사용자 인증 로직 : 이름과 암호를 비교하며 승인되면 true, 승인 안 되면 false를 반환한다.

// 아래 이름의 사용자면 로그인 승인 함
private static final String authorizedUsername = "codingCat";
// 아래의 암호를 입력하면 로그인 승인 함
private static final String authorizedPassword = "qwerty123456!";

// 로그인 승인 시 true, 아니면 false
private boolean authorizeStatus = false;
	
// authorizeMembership(String trialUsername, String trialPassword)
// 사용자 이름과 암호를 비교하여 로그인 승인 여부를 결정하는 서브루틴
// trialUsername : 로그인을 시도하는 사용자 이름
// trialPassword : 로그인을 시도하는 사용자가 입력한 암호
// 로그인 승인하면 true를 반환하고, 승인 거부 시 false를 반환한다.
private static boolean authorizeMembership(String trialUsername, String trialPassword)
{
	// 로그인 요청하는 사용자 이름이 미리 지정된 이름과 같은지 검사
	if (authorizedUsername.equals(trialUsername))
	{
		// 이름이 일치하면, 암호가 같은지 검사
		if (authorizedPassword.equals(trialPassword)) 
		{
			// 이름과 암호가 모두 일치하면 로그인 승인
			return true;
		}
	}

	// 그렇지 않을 경우 로그인 거부
	return false;
}
%>
<%
/******************************************************************************/
// 웹 페이지 헤더 영역 : 이전 페이지에서 POST 방식으로 전송된 사용자 이름 및 암호를 읽어온다.

String trialUsername = null;
String trialPassword = null;

// 클라이언트로 전송할 쿠키이다.
Cookie objectUsername = null;
// 클라이언트로 전송할 쿠키이다.
Cookie objectPassword = null;

authorizeStatus = false;
request.setCharacterEncoding("UTF-8");

// POST 방식으로 넘어온 데이터 중 trialUsername이라는 데이터가 있는지 확인
if (request.getParameter("trialUsername") != null)
{
	trialUsername = request.getParameter("trialUsername");

	// trialUsername이 존재하면, trialPassword라는 데이터도 있는지 확인
	if (request.getParameter("trialPassword") != null)
	{
		trialPassword = request.getParameter("trialPassword");

		// trialUsername과 trialPassword가 모두 수신되면,
		// 앞서 정의된 authorizeMembership 메서드로 로그인 요청한다.
		authorizeStatus = authorizeMembership
		(
			trialUsername,
			trialPassword
		);
	}
}

// 로그인 요청이 승인되었다면
if (authorizeStatus)
{
	// membershipUsername이라 이름붙인 유효기간 12시간짜리 쿠키변수에
	// 사용자 이름을 기록한다.
	objectUsername = new Cookie("membershipUsername", trialUsername);
	objectUsername.setMaxAge(12 * 60 * 60);
	objectUsername.setPath("/");

	// membershipPassword이라 이름붙인 유효기간 12시간짜리 쿠키변수에
	// 사용자 암호를 기록한다.
	objectPassword = new Cookie("membershipPassword", trialPassword);
	objectPassword.setMaxAge(12 * 60 * 60);
	objectPassword.setPath("/");

	// 쿠키는 HTTP 헤더 부분에 명시되어야 하므로 웹 페이지의 본문에 앞서 이를 출력함
	response.addCookie(objectUsername);
	response.addCookie(objectPassword);
}
%>
<%
/******************************************************************************/
// 웹 페이지 본문 영역
%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<title>2 단계 : 사용자 인증</title>
	</head>
	<body>
		<header>
			<h1>2 단계 : 사용자 인증</h1>
		</header>
		<hr />
		<section>
			<% if (authorizeStatus) { %>
			<% // 로그인 승인 되었다면... %>
			<p>로그인에 성공했습니다.</p>
			<p>쿠키 문자열</p>
			<% for (String cookie : response.getHeaders("Set-Cookie")) { %>
			<pre><code><%=cookie%></code></pre>
			<% } %>
			<p><a href="./step3.jsp">회원 페이지</a></p>
			<% } else { %>
			<% // 로그인 거부 되었다면... %>
			<p>로그인에 실패했습니다.</p>
			<p><a href="./step1.jsp">로그인 화면</a></p>
			<% } %>
		</section>
		<hr />
		<footer>
			<p>
				<span><a href="./step1.jsp">1 단계(로그인)</a> | </span>
				<span><strong>2 단계(사용자 인증)</strong> | </span>
				<span><a href="./step3.jsp">3 단계(회원 페이지)</a> | </span>
				<span><a href="./step4.jsp">4 단계(로그아웃)</a></span>
			</p>
		</footer>
	</body>
</html>
[그림 2] step2.jsp 소스 코드의 실행 화면 (로그인 성공)
[그림 3] step2.jsp 소스 코드의 실행 화면 (로그인 실패)

위 소스 코드는 이전 페이지(step1.jsp)에서 POST 방식으로 전달된 두 데이터(trialUsername, trialPassword)를 읽어와서 로그인을 수행하는 예이다. 통상 이런 종류의 예는 회원 정보를 기록하고 있는 데이터베이스에 접속하여 아이디와 패스워드를 비교하지만, 소스 코드의 단순화를 위해 이를 하드코딩하였다.

로그인을 허용할 사용자의 이름이 "codingCat"이고 이를 변수 authorizedUsername에 보관한다. 마찬가지로 접속 암호는 "qwerty123456!"이라 하고 이를 변수 authorizedPassword에 보관한다.

로그인 유효성 검사를 수행할 서브루틴은 authorizeMembership(trialUsername, trialPassword);으로 정의하였다. 이 서브루틴에서는 매개변수(-trialUsername, -trialPassword)로 받아들인 사용자 이름과 암호가 미리 정의된 값(authorizedUsername, authorizedPassword)과 동일한지 여부를 검사하여 일치하면 true를 반환하고 일치하지 않으면 false를 반환한다.

authorizeMembership 서브루틴이 false를 반환하면 이를 변수 authorizeStatus에 보관한다. 이 값의 true에 따라 웹 페이지 본문에서 로그인 성공 또는 실패 화면 중 하나를 선택하여 보여주게 될 것이다. 이 때 중요한 것은 쿠키의 생성이다. 쿠키는 HTTP 헤더 부분에 Set-Cookie 항목으로써 나타나야 한다. 즉, 웹 페이지 본문을 출력하는 도중에 쿠키를 클라이언트로 전송하는 것이 불가능하다. 그러므로 로그인 승인 여부를 가장 처음에 확인한 후 웹 페이지를 시작하는 것이다. 로그인 성공 시 유효기간 12시간짜리의 membershipUsername, membershipPassword 쿠키변수를 생성하여 로그인이 허용된 사용자 이름과 암호를 보관하고 이를 클라이언트로 전달한다.

로그인이 성공하면 서버에서 클라이언트로 쿠키가 전달되는데, 그 내용은 다음과 같이 확인 가능하며 본 소스 코드에서 기록한 사용자 이름과 암호를 그대로 볼 수 있음을 확인할 수 있다.

[그림 4] step2.cgi 소스 코드의 실행 결과 생성된 쿠키

step3.jsp - 회원 전용 페이지


클라이언트 측으로부터 쿠키에 보관된 아이디와 암호를 전달받는다. 로그인 상태임이 확인되면 회원 전용 페이지를 출력하고, 그렇지 않다면 비회원용 페이지를 출력한다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%!
/******************************************************************************/
// 사용자 인증 로직 : 이름과 암호를 비교하며 승인되면 true, 승인 안 되면 false를 반환한다.

// 아래 이름의 사용자면 로그인 승인 함
private static final String authorizedUsername = "codingCat";
// 아래의 암호를 입력하면 로그인 승인 함
private static final String authorizedPassword = "qwerty123456!";

// 로그인 승인 시 true, 아니면 false
private boolean authorizeStatus = false;
	
// authorizeMembership(String trialUsername, String trialPassword)
// 사용자 이름과 암호를 비교하여 로그인 승인 여부를 결정하는 서브루틴
// trialUsername : 로그인을 시도하는 사용자 이름
// trialPassword : 로그인을 시도하는 사용자가 입력한 암호
// 로그인 승인하면 true를 반환하고, 승인 거부 시 false를 반환한다.
private static boolean authorizeMembership(String trialUsername, String trialPassword)
{
	// 로그인 요청하는 사용자 이름이 미리 지정된 이름과 같은지 검사
	if (authorizedUsername.equals(trialUsername))
	{
		// 이름이 일치하면, 암호가 같은지 검사
		if (authorizedPassword.equals(trialPassword)) 
		{
			// 이름과 암호가 모두 일치하면 로그인 승인
			return true;
		}
	}

	// 그렇지 않을 경우 로그인 거부
	return false;
}
%>
<%
/******************************************************************************/
// 웹 페이지 헤더 영역 : 이전 페이지에서 POST 방식으로 전송된 사용자 이름 및 암호를 읽어온다.

String membershipUsername = null;
String membershipPassword = null;

// 클라이언트로 전송할 쿠키이다.
Cookie objectUsername = null;
// 클라이언트로 전송할 쿠키이다.
Cookie objectPassword = null;

authorizeStatus = false;
request.setCharacterEncoding("UTF-8");

// 쿠키가 존재하면
// 로그인 유효성 검사 : 클라이언트의 쿠키가 본 페이지에 전달한 로그인 정보를 검증한다.
if (request.getCookies() != null)
{
	// 쿠키 변수 중 membershipUsername이라는 데이터가 있는지 확인
	for (Cookie cookie : request.getCookies())
	{
		if (cookie.getName().equals("membershipUsername"))
		{
			objectUsername = cookie;
			break;
		}
	}

	// membershipUsername이 존재하면, membershipPassword라는 데이터도 있는지 확인 
	if (objectUsername != null)
	{
		for (Cookie cookie : request.getCookies())
		{
			if (cookie.getName().equals("membershipPassword"))
			{
				objectPassword = cookie;
				break;
			}
		}

		if (objectPassword != null)
		{
			// 쿠키 변수에서 얻은 사용자 이름과 암호로 로그인 상태가 유효한지 검증
			membershipUsername = objectUsername.getValue();
			membershipPassword = objectPassword.getValue();

			// membershipUsername과 membershipPassword가 모두 수신되면,
			// 앞서 정의된 authorizeMembership 메서드로 로그인 요청한다.
			authorizeStatus = authorizeMembership
			(
				membershipUsername,
				membershipPassword
			);
		}
	}
}

// 로그인 요청이 승인되었다면
if (authorizeStatus)
{
	// 클라이언트의 쿠키 유효기간을 현재 시점으로부터 12시간으로 연장한다.

	// membershipUsername이라 이름붙인 유효기간 12시간짜리 쿠키변수에
	// 사용자 이름을 기록한다.
	objectUsername = new Cookie("membershipUsername", membershipUsername);
	objectUsername.setMaxAge(12 * 60 * 60);
	objectUsername.setPath("/");

	// membershipPassword이라 이름붙인 유효기간 12시간짜리 쿠키변수에
	// 사용자 암호를 기록한다.
	objectPassword = new Cookie("membershipPassword", membershipPassword);
	objectPassword.setMaxAge(12 * 60 * 60);
	objectPassword.setPath("/");

	// 쿠키는 HTTP 헤더 부분에 명시되어야 하므로 웹 페이지의 본문에 앞서 이를 출력함
	response.addCookie(objectUsername);
	response.addCookie(objectPassword);
}
%>
<%
/******************************************************************************/
// 웹 페이지 본문 영역
%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<title>3 단계 : 회원 페이지</title>
	</head>
	<body>
		<header>
			<h1>3 단계 : 회원 페이지</h1>
		</header>
		<hr />
		<section>
			<% if (authorizeStatus) { %>
			<% // 로그인 승인 되었다면... %>
			<p>회원 전용 페이지</p>
			<p>환영합니다. <%=membershipUsername%>님.</p>
			<p>쿠키 문자열 :</p>
			<% for (java.util.Enumeration<String> e = request.getHeaders("Cookie"); e.hasMoreElements(); ) { %>
			<pre><code><%=e.nextElement()%></code></pre>
			<% } %>
			<p><a href="./step4.jsp">로그아웃</a></p>
			<% } else { %>
			<% // 로그인 거부 되었다면... %>
			<p>이 페이지를 보려면 로그인이 필요합니다.</p>
			<p><a href="./step1.jsp">로그인</a></p>
			<% } %>
		</section>
		<hr />
		<footer>
			<p>
				<span><a href="./step1.jsp">1 단계(로그인)</a> | </span>
				<span><a href="./step2.jsp">2 단계(사용자 인증)</a> | </span>
				<span><strong>3 단계(회원 페이지)</strong> | </span>
				<span><a href="./step4.jsp">4 단계(로그아웃)</a></span>
			</p>
		</footer>
	</body>
</html>
[그림 5] step3.jsp 소스 코드의 실행 화면 (로그인 성공)
[그림 6] step3.jsp 소스 코드의 실행 화면 (로그인 실패)

위 소스 코드는 클라이언트 측 쿠키에 보관된 쿠키 변수 중 membershipUsernamemembershipPassword를 읽어와서 로그인 유효성 검사를 수행하고, 로그인 검증이 끝나면 쿠키의 유효기간이 연장되어 있음을 확인할 수 있다.

step4.jsp - 로그아웃 화면


로그인 상태임이 확인되면 클라이언트의 쿠키를 만료시켜서 로그아웃 작업을 수행한다. 그렇지 않은 경우 이미 로그아웃 상태임을 알려준다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%!
/******************************************************************************/
// 사용자 인증 로직 : 이름과 암호를 비교하며 승인되면 true, 승인 안 되면 false를 반환한다.

// 아래 이름의 사용자면 로그인 승인 함
private static final String authorizedUsername = "codingCat";
// 아래의 암호를 입력하면 로그인 승인 함
private static final String authorizedPassword = "qwerty123456!";

// 로그인 승인 시 true, 아니면 false
private boolean authorizeStatus = false;
	
// authorizeMembership(String trialUsername, String trialPassword)
// 사용자 이름과 암호를 비교하여 로그인 승인 여부를 결정하는 서브루틴
// trialUsername : 로그인을 시도하는 사용자 이름
// trialPassword : 로그인을 시도하는 사용자가 입력한 암호
// 로그인 승인하면 true를 반환하고, 승인 거부 시 false를 반환한다.
private static boolean authorizeMembership(String trialUsername, String trialPassword)
{
	// 로그인 요청하는 사용자 이름이 미리 지정된 이름과 같은지 검사
	if (authorizedUsername.equals(trialUsername))
	{
		// 이름이 일치하면, 암호가 같은지 검사
		if (authorizedPassword.equals(trialPassword)) 
		{
			// 이름과 암호가 모두 일치하면 로그인 승인
			return true;
		}
	}

	// 그렇지 않을 경우 로그인 거부
	return false;
}
%>
<%
/******************************************************************************/
// 웹 페이지 헤더 영역 : 이전 페이지에서 POST 방식으로 전송된 사용자 이름 및 암호를 읽어온다.

String membershipUsername = null;
String membershipPassword = null;

// 클라이언트로 전송할 쿠키이다.
Cookie objectUsername = null;
// 클라이언트로 전송할 쿠키이다.
Cookie objectPassword = null;

authorizeStatus = false;
request.setCharacterEncoding("UTF-8");


// 쿠키가 존재하면
// 로그인 유효성 검사 : 클라이언트의 쿠키가 본 페이지에 전달한 로그인 정보를 검증한다.
if (request.getCookies() != null)
{
	// 쿠키 변수 중 membershipUsername이라는 데이터가 있는지 확인
	for (Cookie cookie : request.getCookies())
	{
		if (cookie.getName().equals("membershipUsername"))
		{
			objectUsername = cookie;
			break;
		}
	}

	// membershipUsername이 존재하면, membershipPassword라는 데이터도 있는지 확인 
	if (objectUsername != null)
	{
		for (Cookie cookie : request.getCookies())
		{
			if (cookie.getName().equals("membershipPassword"))
			{
				objectPassword = cookie;
				break;
			}
		}

		if (objectPassword != null)
		{
			// 쿠키 변수에서 얻은 사용자 이름과 암호로 로그인 상태가 유효한지 검증
			membershipUsername = objectUsername.getValue();
			membershipPassword = objectPassword.getValue();

			// membershipUsername과 membershipPassword가 모두 수신되면,
			// 앞서 정의된 authorizeMembership 메서드로 로그인 요청한다.
			authorizeStatus = authorizeMembership
			(
				membershipUsername,
				membershipPassword
			);
		}
	}
}

// 로그아웃은 로그인 여부와 무관하게 수행된다.

// membershipUsername이라 이름붙인 유효기간 만료된 쿠키변수에
// 사용자 이름을 적어 클라이언트로 전송한다.
objectUsername = new Cookie("membershipUsername", membershipUsername);
objectUsername.setMaxAge(0);
objectUsername.setPath("/");

// membershipPassword이라 이름붙인 유효기간 만료된 쿠키변수에
// 사용자 암호를 적어 클라이언트로 전송한다.
objectPassword = new Cookie("membershipPassword", membershipPassword);
objectPassword.setMaxAge(0);
objectPassword.setPath("/");

// 쿠키는 HTTP 헤더 부분에 명시되어야 하므로 웹 페이지의 본문에 앞서 이를 출력함
response.addCookie(objectUsername);
response.addCookie(objectPassword);
%>
<%
/******************************************************************************/
// 웹 페이지 본문 영역
%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<title>4 단계 : 로그아웃</title>
	</head>
	<body>
		<header>
			<h1>4 단계 : 로그아웃</h1>
		</header>
		<hr />
		<section>
			<% if (authorizeStatus) { %>
			<% // 로그인 된 상태였다면 ... %>
			<p>로그아웃되었습니다.</p>
			<p><a href="./step1.jsp">로그인</a></p>
			<% } else { %>
			<% // 로그인 안 된 상태였다면... %>
			<p>로그인되어있지 않습니다.</p>
			<p><a href="./step1.jsp">로그인</a></p>
			<% } %>
		</section>
		<hr />
		<footer>
			<p>
				<span><a href="./step1.jsp">1 단계(로그인)</a> | </span>
				<span><a href="./step2.jsp">2 단계(사용자 인증)</a> | </span>
				<span><a href="./step2.jsp">3 단계(회원 페이지)</a> | </span>
				<span><strong>4 단계(로그아웃)</strong></span>
			</p>
		</footer>
	</body>
</html>
|_##]
[그림 7] step4.jsp 소스 코드의 실행 화면 (로그아웃 성공)
|_##]
[그림 8] step4.jsp 소스 코드의 실행 화면 (이미 로그아웃된 상태)

로그아웃은 쿠키에서 해당 변수(membershipUsername, membershipPassword)를 삭제하는 과정인데 그 방법은 유효기간을 과거로 설정하여 클라이언트에게 덮어쓰도록 전송하는 것이다. 본 소스코드에서는 재차 로그인 할 때 발생할 수 있는 오류를 방지하고자, 로그인 상태와 관계 없이 두 쿠키 변수를 삭제하도록 구성해보았다. 로그인 상태를 나타내는 변수(authorizeStatus)는 단순히 안내 메시지의 선택을 위해서만 사용되었다. step4.cgi의 로그아웃 결과, 클라이언트에서 두 개의 쿠키변수가 사라졌음을 다음과 같이 확인할 수 있다.

[그림 9] step4.cgi 소스 코드의 실행 결과 쿠키가 삭제된 상태

step1.jsp - 중복 로그인을 방지하기 위한 소스 코드의 수정


앞서 작성한 step3.cgi을 살펴보면, 쿠키로부터 사용자 이름과 암호를 읽은 후 로그인 유효성을 재검증하는 부분이 있다. 로그인이 재차 승인되면 쿠키의 유효기간이 연장되면서 회원 전용 페이지를 보여주고 그렇지 않으면 로그인 화면으로 안내하는 메시지를 보여주는데 이를 step1.cgi에 적용해본다. 중복 로그인을 방지하기 위해 쿠키를 읽어들이고 이미 로그인이 유효한 상태라면 곧바로 회원 페이지로 넘어갈 수 있도록 안내하는 기능이 추가된다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%!
/******************************************************************************/
// 사용자 인증 로직 : 이름과 암호를 비교하며 승인되면 true, 승인 안 되면 false를 반환한다.

// 아래 이름의 사용자면 로그인 승인 함
private static final String authorizedUsername = "codingCat";
// 아래의 암호를 입력하면 로그인 승인 함
private static final String authorizedPassword = "qwerty123456!";

// 로그인 승인 시 true, 아니면 false
private boolean authorizeStatus = false;
	
// authorizeMembership(String trialUsername, String trialPassword)
// 사용자 이름과 암호를 비교하여 로그인 승인 여부를 결정하는 서브루틴
// trialUsername : 로그인을 시도하는 사용자 이름
// trialPassword : 로그인을 시도하는 사용자가 입력한 암호
// 로그인 승인하면 true를 반환하고, 승인 거부 시 false를 반환한다.
private static boolean authorizeMembership(String trialUsername, String trialPassword)
{
	// 로그인 요청하는 사용자 이름이 미리 지정된 이름과 같은지 검사
	if (authorizedUsername.equals(trialUsername))
	{
		// 이름이 일치하면, 암호가 같은지 검사
		if (authorizedPassword.equals(trialPassword)) 
		{
			// 이름과 암호가 모두 일치하면 로그인 승인
			return true;
		}
	}

	// 그렇지 않을 경우 로그인 거부
	return false;
}
%>
<%
/******************************************************************************/
// 웹 페이지 헤더 영역
// 쿠키에 기록된 사용자 이름 및 암호를 읽어와서 로그인 유효성을 검증한다.

String membershipUsername = null;
String membershipPassword = null;

// 클라이언트로 전송할 쿠키이다.
Cookie objectUsername = null;
// 클라이언트로 전송할 쿠키이다.
Cookie objectPassword = null;

authorizeStatus = false;
request.setCharacterEncoding("UTF-8");

// 쿠키가 존재하면
// 로그인 유효성 검사 : 클라이언트의 쿠키가 본 페이지에 전달한 로그인 정보를 검증한다.
if (request.getCookies() != null)
{
	// 쿠키 변수 중 membershipUsername이라는 데이터가 있는지 확인
	for (Cookie cookie : request.getCookies())
	{
		if (cookie.getName().equals("membershipUsername"))
		{
			objectUsername = cookie;
			break;
		}
	}

	// membershipUsername이 존재하면, membershipPassword라는 데이터도 있는지 확인 
	if (objectUsername != null)
	{
		for (Cookie cookie : request.getCookies())
		{
			if (cookie.getName().equals("membershipPassword"))
			{
				objectPassword = cookie;
				break;
			}
		}

		if (objectPassword != null)
		{
			// 쿠키 변수에서 얻은 사용자 이름과 암호로 로그인 상태가 유효한지 검증
			membershipUsername = objectUsername.getValue();
			membershipPassword = objectPassword.getValue();

			// membershipUsername과 membershipPassword가 모두 수신되면,
			// 앞서 정의된 authorizeMembership 메서드로 로그인 요청한다.
			authorizeStatus = authorizeMembership
			(
				membershipUsername,
				membershipPassword
			);
		}
	}
}

// 로그인 요청이 승인되었다면
if (authorizeStatus)
{
	// 클라이언트의 쿠키 유효기간을 현재 시점으로부터 12시간으로 연장한다.

	// membershipUsername이라 이름붙인 유효기간 12시간짜리 쿠키변수에
	// 사용자 이름을 기록한다.
	objectUsername = new Cookie("membershipUsername", membershipUsername);
	objectUsername.setMaxAge(12 * 60 * 60);
	objectUsername.setPath("/");

	// membershipPassword이라 이름붙인 유효기간 12시간짜리 쿠키변수에
	// 사용자 암호를 기록한다.
	objectPassword = new Cookie("membershipPassword", membershipPassword);
	objectPassword.setMaxAge(12 * 60 * 60);
	objectPassword.setPath("/");

	// 쿠키는 HTTP 헤더 부분에 명시되어야 하므로 웹 페이지의 본문에 앞서 이를 출력함
	response.addCookie(objectUsername);
	response.addCookie(objectPassword);
}
%>
<%
/******************************************************************************/
// 웹 페이지 본문 영역
%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<title>1 단계 : 로그인</title>
	</head>
	<body>
		<header>
			<h1>1 단계 : 로그인</h1>
		</header>
		<hr />
		<section>
			<% if(authorizeStatus) { %>
			<% // 로그인 승인 되었다면... %>
			<p>이미 로그인되어 있습니다.</p>
			<p><a href="./step3.jsp">회원 페이지</a></p>
			<% } else { %>
			<% // 로그인 거부 되었다면... %>
			<p>사용자 이름과 사용자 암호를 입력하세요.</p>
			<form action="./step2.jsp" method="post">
				<label for="trialUsername">사용자 이름 : </label>
				<input type="text" id="trialUsername" name="trialUsername" />
				<label for="trialPassword">사용자 암호 : </label>
				<input type="password" id="trialPassword" name="trialPassword" />
				<input type="submit" />
			</form>
			<% } %>
		</section>
		<hr />
		<footer>
			<p>
				<span><strong>1 단계(로그인)</strong> | </span>
				<span><a href="./step2.jsp">2 단계(사용자 인증)</a> | </span>
				<span><a href="./step3.jsp">3 단계(회원 페이지)</a> | </span>
				<span><a href="./step4.jsp">4 단계(로그아웃)</a></span>
			</p>
		</footer>
	</body>
</html>


_
[그림 10] 로그인이 유효한 상태에서 접속하였을 때, step1.cgi 소스 코드의 출력 결과


카테고리 “Common Gateway Interface/JSP”
more...

“Common Gateway Interface/JSP” (2건)