Coding Note

[JSP] Cookie 활용한 아이디 정보 저장하기 본문

Web/Jsp

[JSP] Cookie 활용한 아이디 정보 저장하기

jinnkim 2022. 2. 4. 10:30

 

Cookie 활용한 아이디 정보 저장하기!

 

 

 

구현

 

 

코드

 

1. Main 

<%@page import="kr.co.ezenac.utils.CookieManager"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%
    	/*  CookieManager 클래스를 이용하여 이름이 loginId인 쿠키를 읽어와 loginId변수에 저장함. */
    	String loginId = CookieManager.readCookie(request,"loginId");
    	String cookieCheck = "";
    	
    	if(!loginId.equals("")) {	   // 저장된 id가 있다면 loginId에 빈 문자열 외의 문자열을 저장해둠.
    		cookieCheck = "checked";  // cookieCheck에 "checked"가 대입됨. 
    				         //==> [아이디 저장하기] checked 속성 부여될 것.
    	}
    %>
<!DOCTYPE html>
<html> 
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Cookie - 아이디 저장하기</title>
	<style type="text/css">
		form {
		padding: 22px;	
		width: 400px;
		height: 75px;
		border: 5px solid #CEE3F6;
		}
		h2 {
			color: #0000FF;
		}
		.id {
			margin: 0 0 6px 16px;
		}
		.loginBtn {
			border: 2px solid #CEE3F6;
			background-color: #CEE3F6;
			border-radius: 5px;
			width: 100px;
			float: right;
			margin-right: 5px;
		}
	</style>
</head>
<body>
	<h2>로그인 페이지</h2>
	<form action="IdSaveProcess2.jsp"  method="post">
		아이디 : <input type="text" name="id" class="id" value="<%=loginId %>">
				<input type="checkbox" name="id_chk" value="Y" <%=cookieCheck %>> 아이디 저장하기
				<br>
		비밀번호 : <input type="password" name="pwd" class="pwd">
		<br>
		<input type="submit" value="로그인" class="loginBtn">
	</form>
</body>
</html>

 

 

 

2. Process

 

 

<%@page import="kr.co.ezenac.utils.CookieManager"%>
<%@page import="kr.co.ezenac.utils.JSFunction"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	//form 값 읽기
	String id = request.getParameter("id");
	String pwd = request.getParameter("pwd");
	String id_chk = request.getParameter("id_chk");
	
	if("아이디값 입력".equals(id) && "비밀번호값 입력".equals(pwd)) {	//사용자 인증
		//로그인 성공
		if(id_chk != null && id_chk.equals("Y")){ //[아이디 저장하기]체크 확인
			CookieManager.makeCookie(response, "loginId", id, 86400);	//쿠키생성
		}
		else {
			CookieManager.deleteCookie(response, "loginId");		 //쿠키삭제
		}
		JSFunction.alertLocation("로그인에 성공했습니다.", "main 파일 이름 입력", out);
	}
	else {
		JSFunction.alertBack("해당되는 회원정보를 찾을 수 없습니다.", out);
	}
	
%>

 

 

 

< 공부하기 >

Cookie

- 클라이언트 상태 정보를 유지하기 위한 기술

 

 

 

Comments