[58] 230322 JSP Ch. 8 자바빈과 액션 태그, Ch. 9 클라이언트와의 대화 1 : 쿠키, Ch. 10 클라이언트와의 대화 2 : 세션 [K-디지털 트레이닝 58일]

230322 Wed 58th class

Ch. 8 자바빈과 액션 태그
Ch. 9 클라이언트와의 대화 1 : 쿠키
Ch. 10 클라이언트와의 대화 2 : 세션
진도: p. 191 ~ (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균)
책 예제 코드: https://github.com/madvirus/jsp23
저자 블로그: https://javacan.tistory.com/

최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고

---

오늘 배운 것 중 기억할 것을 정리했다.

---

자바 배웠던 것 되돌아보기 

클래스를 선언할 때 가능하다면 필드를 private으로 선언해서 외부로부터 보호하고, 필드에 대한 Setter와 Getter 메서드를 작성해서 필드값을 안전하게 변경/사용하는 것이 좋다.

set: 저장한다.
get: 저장된 거 가져온다.
 
SET은 변숫값을 할당하는 목적의 함수이기 때문에 인자를 받아야 하고
GET은 변수값을 반환하는 목적이기 때문에 return이 필요하다.

Setter: 외부에서 값을 받아 필드를 변경하는 메서드이다. 
Getter: 필드의 값을 외부로 리턴해주는 메서드이다. 메서드로 필드값을 가공한 후 외부로 전달한다.

2023.02.14 - [🌳K-Digital Revision 2023✨/Java] - [33] 230214 Java Ch. 6 클래스: 6. 패키지와 접근 제한자 [K-디지털 트레이닝 33일]

---

Class URLEncoder

public class URLEncoder
extends Object

Utility class for HTML form encoding. This class contains static methods for converting a String to the application/x-www-form-urlencoded MIME format. For more information about HTML form encoding, consult the HTML specification.

https://docs.oracle.com/javase/7/docs/api/java/net/URLEncoder.html

---

Ch. 8 자바빈과 액션 태그

책의 목차
01 자바빈(JavaBeans)
1.1 자바빈 프로퍼티

02 예제에서 사용할 자바빈 클래스

03 태그를 이용한 자바 객체 사용
3.1 <jsp:useBean> 액션 태그를 사용하여 객체 생성하기
3.2 <jsp:setProperty> 액션 태그와 <jsp:getProperty> 액션 태그
3.3 자바빈 프로퍼티 타입에 따른 값 매핑 

JSP 기반 웹 애플리케이션에서 정보를 표현할 때 사용하는 것 중 하나가 자바빈(JavaBeans)이다. 
ex) 회원 정보, 게시판 글의 정보를 출력할 때, 정보를 저장하고 있는 자바빈 객체를 사용하게 된다.
자바빈이 무엇인지 살펴보고, JSP 페이지에서 자바빈을 사용할 수 있도록 도와주는 액션 태그에 대해 살펴본다.

참고: https://choitaetae.tistory.com/96

---

8.1 자바빈(JavaBeans) p. 191

자바빈은 속성(데이터), 변경 이벤트, 객체 직렬화를 위한 표준이다. 이 중에서 JSP에서는 속성을 표현하기 위한 용도로 사용된다.

객체 직렬화(Serialization): 객체를 직렬화하여 전송 가능한 형태로 만드는 것

자바빈 규약을 따르는 클래스를 자바빈이라고 부른다. 
JSP 프로그래밍에서 사용하는 자바빈 클래스는 아래 코드처럼
[1] 데이터를 저장하는 필드
[2] 데이터를 읽어올 때 사용되는 메서드
[3] 값을 저장할 때 사용되는 메서드로 구성된다. 

자바빈 규약을 따르는 클래스의 구조는 아래와 같다.

public class BeanClassName implements java.io.Serializable{
    /*[1] 값을 저장하는 필드 */ 
    private String value;
    
    /* BeanClassName의 기본 생성자 */
    public BeanClassName(){
    }
    
    /*[2] 필드의 값을 읽어오는 값 */
    public String getValue(){
    	return value;
        
    /*[3] 필드의 값을 변경하는 값 */
    public void setValue(String value){
        this.value = value;
    }
}

---

1) 자바빈 프로퍼티

프로퍼티는 자바빈에 저장되는 값을 나타낸다.

---

8.2 예제에서 사용할 자바빈 클래스 p. 193

이클립스에서 자바 파일은 Java Resources - src에 저장한다.

책의 예제처럼 chap08.member 패키지 내의 Memberinfo 클래스를 만든다.

Source - Generate Getters and Setters을 이용해서 자동 완성 기능을 사용한다.

Public으로 설정한다.

자동완성으로 아래의 public 코드가 만들어졌다.

예제 8-1) MemberInfo 자바빈 클래스의 소스 코드 MemberInfo.java

package chap08.member; //패키지

import java.util.Date;

public class MemberInfo { //클래스
	//private: 직접적 접근 허용X
	private String id;
	private String password;
	private String name;
	private Date registerDate; //Date: 클래스의 힘을 빌려서 클래스 타입으로 저장
	private String email;
	public String getId() {
		return id;
	}
	public void setId(String id) { //makeObject.jsp의 "madvirus"
		this.id = id;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) { //makeObject.jsp의 "최범균" 
		this.name = name;
	}
	public Date getRegisterDate() {
		return registerDate;
	}
	public void setRegisterDate(Date registerDate) {
		this.registerDate = registerDate;
	}
	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
}

---

8.3 태그를 이용한 자바 객체 사용

---

1) <jsp:useBean> 액션 태그를 사용하여 객체 생성하기

 <jsp:useBean> 액션 태그는 JSP 페이지에서 사용할 자바빈 객체를 지정할 때 사용한다.
기본 구문은 아래와 같다.

<jsp:useBean id="[빈이름]" class="[자바빈클래스이름]" scope="[범위]" />

예제 8-2) makeObject.jsp
<jsp:useBean> 액션 태그를 사용하여 MemberInfo 객체를 생성한 후 <jsp:forward>를 사용하여 다른 페이지로 흐름을 이동시킨다.
MemberInfo member = new MemberInfo(); (여기서 member는 jsp:useBean id="member"의 member)

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<jsp:useBean id="member" scope="request" class="chap08.member.MemberInfo" /> 
<!-- id 값은 주고 싶은 데로 주면 된다. 여기선 "member"로 했다. class는 앞의 java 파일의 01~11행이다. (public 앞까지)-->

<% //자바의 MemberInfo의 setId, setName을 호출함 
	//메인 메서드
	member.setId("madvirus"); //member는 위 코드의 jsp:useBean id="member"의 member이다. 
	member.setName("최범균");
%>
<jsp:forward page="/useObject.jsp" /> <!-- jsp:forward: 페이지 이동, 즉 useObject.jsp로 이동한다. -->

결과)

---

makeObject.jsp를 실행하면 MembershipInfo의 객체를 생성해서 request 기본 객체의 "member" 속성에 저장한 후 useOjbect.jsp로 포워딩(다른 페이지로 전환하는 방식)한다. 

예제 8-3) <jsp:useBean> 액션 태그를 사용하여 makeObject.jsp가 생성한 객체를 사용한다. useObject.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<jsp:useBean id="member" scope="request"
             class="chap08.member.MemberInfo" />
<html>
<head><title>인사말</title></head>
<body>

<!-- 자바 메서드 호출 -->
<%= member.getName() %> (<%= member.getId() %>) 회원님
안녕하세요.

</body>
</html>

결과)

수업의 설명 :)

---

2) <jsp:setProperty> 액션 태그와 <jsp:getProperty> 액션 태그 p. 199

예제 8-4) 회원가입 양식을 보여주는 JSP 페이지 membershipForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head><title>회원가입 입력 폼</title></head>
<body>
<form action="processJoining.jsp" method="post">
<table border="1">
<tr>
	<td>아이디</td>
	<td colspan="3"><input type="text" name="id" size="10"></td>
</tr>
<tr>
	<td>이름</td>
	<td><input type="text" name="name" size="10"></td>
	<td>이메일</td>
	<td><input type="text" name="email" size="10"></td>
</tr>
<tr>
	<td colspan="4" align="center">
	<input type="submit" value="회원가입">
	</td>
</tr>
</table>
</form>
</body>
</html>

결과)

입력 폼이 출력된다.

회원가입 버튼을 누르면 입력한 데이터를 POST 방식으로 processJoining.jsp에 전달한다. 
예제 8-5) 전달 받은 데이터를 MemberInfo 자바빈 클래스의 객체에 저장해서 화면에 출력해준다. processJoining.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	request.setCharacterEncoding("utf-8");
%>
<jsp:useBean id="memberInfo" class="chap08.member.MemberInfo" />
<jsp:setProperty name="memberInfo" property="*" /> <!-- *: 모두 사용한다. -->

<!-- 아래는 나뉜 코드 -->
<!--<jsp:setProperty name="memberInfo" property="id" />
<jsp:setProperty name="memberInfo" property="password" />
<jsp:setProperty name="memberInfo" property="name" />
<jsp:setProperty name="memberInfo" property="email" /> -->

<jsp:setProperty name="memberInfo" property="password"
				 value="<%= memberInfo.getId() %>" />
<html>
<head><title>가입</title></head>
<body>

<table border="1">
<tr>
	<td>아이디</td>
	<td><jsp:getProperty name="memberInfo" property="id" /></td>
	<td>암호</td>
	<td><jsp:getProperty name="memberInfo" property="password" /></td>
</tr>
<tr>
<tr>
    <td>이름</td>
    <td><jsp:getProperty name="memberInfo" property="name" /></td>
    <td>이메일</td>
    <td><jsp:getProperty name="memberInfo" property="email" /></td>
</tr>
</table>

</body>
</html>

결과)

아래 코드 때문에 아이디와 암호는 같게 나온다. 

<jsp:setProperty name="memberInfo" property="password"
				 value="<%= memberInfo.getId() %>" />

예제 8-1) MemberInfo.java, 8-4) membershipForm.jsp, 8-5) processJoining.jsp의 id가 같다.

---

3) 자바빈 프로퍼티 타입에 따른 값 매핑

---

Ch. 9 클라이언트와의 대화 1 : 쿠키 p. 205

책의 목차
01 쿠키 사용하기
1.1 쿠키의 구성
1.2 쿠키 생성하기
1.3 쿠키 값 읽어오기
1.4 쿠키 값 변경 및 쿠키 삭제하기
1.5 쿠키의 도메인
1.6 쿠키의 경로
1.7 쿠키의 유효시간
1.8 쿠키와 헤더

02 쿠키 처리를 위한 유틸리티 클래스
2.1 Cookies 클래스를 이용한 쿠키 생성
2.2 Cookies 클래스를 이용한 쿠키 읽기

03 쿠키를 사용한 로그인 상태 유지
3.1 로그인 처리
3.2 로그인 여부 판단
3.3 로그아웃 처리

---

9.1 쿠키 사용하기 p. 205

쿠키(cookie)는 웹 브라우저가 보관하는 데이터이다. 웹 브라우저는 웹 서버에 요청을 보낼 때 쿠키를 함께 전송하며, 웹 서버는 웹 브라우저가 전송한 쿠키를 사용해서 필요한 데이터를 읽을 수 있다.
쿠키는 웹 서버와 웹 브라우저 양쪽에서 생성할 수 있는데, JSP에서 생성하는 쿠키는 웹 서버에서 생성하는 쿠키이다.

---

1) 쿠키의 구성

---

2) 쿠키 생성하기

3) 쿠키 값 읽어오기

4) 쿠키 값 변경 및 쿠키 삭제하기

5) 쿠키의 도메인

6) 쿠키의 경로

7) 쿠키의 유효시간

8) 쿠키와 헤더

---

9.2 쿠키 처리를 위한 유틸리티 클래스

1) Cookies 클래스를 이용한 쿠키 생성 p. 224

Cookies 클래스는 세 가지 createCookie() 메서드를 제공하며 다음과 같이 사용할 수 있다.

Cookie cookie1 = Cookies.createCookie("name", "최범균")
Cookie cookie2 = Cookies.createCookie("name2", "최범균", "/path1", -1)
Cookie cookie3 = Cookies.createCookie("id", "jsp", ".madvirus.net", "/", 60);

---

2) Cookies 클래스를 이용한 쿠키 읽기 p. 221

package util;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.Cookie;
import java.util.Map;
import java.net.URLEncoder; 
import java.net.URLDecoder; 
import java.io.IOException; 


public class Cookies {

	private Map<String, Cookie> cookieMap = 
			new java.util.HashMap<String, Cookie>();

	public Cookies(HttpServletRequest request) {
		Cookie[] cookies = request.getCookies();
		if (cookies != null) {
			for (int i = 0 ; i < cookies.length ; i++) {
				cookieMap.put(cookies[i].getName(), cookies[i]);
			}
		}
	}

	public Cookie getCookie(String name) {
		return cookieMap.get(name);
	}

	public String getValue(String name) throws IOException {
		Cookie cookie = cookieMap.get(name);
		if (cookie == null) {
			return null;
		}
		return URLDecoder.decode(cookie.getValue(), "utf-8");
	}

	public boolean exists(String name) {
		return cookieMap.get(name) != null;
	}

	public static Cookie createCookie(String name, String value)
			throws IOException {
		return new Cookie(name, URLEncoder.encode(value, "utf-8"));
	}

	public static Cookie createCookie(String name, String value, String path, 
			int maxAge) throws IOException {
		Cookie cookie = new Cookie(name, URLEncoder.encode(value, "utf-8"));
		cookie.setPath(path);
		cookie.setMaxAge(maxAge);
		return cookie;
	}

	public static Cookie createCookie(String name, String value, String domain,
			String path, int maxAge) throws IOException {
		Cookie cookie = new Cookie(name, URLEncoder.encode(value, "utf-8"));
		cookie.setDomain(domain);
		cookie.setPath(path);
		cookie.setMaxAge(maxAge);
		return cookie;
	}
}

---

9.3 쿠키를 사용한 로그인 상태 유지 p. 226

로그인 상태를 확인할 때 가장 많이 사용하는 방법이 바로 쿠키를 이용하는 것이다.
쿠키를 이용하면 다음과 같은 방법으로 로그인 상태를 유지할 수 있다.

1. 로그인에 성공하면 특정 이름을 갖는 쿠키를 생성한다.
2. 해당 쿠키가 존재하면 로그인한 상태라고 판단한다.
3. 로그아웃하면 해당 쿠키를 삭제한다. 

ex) 로그인에 성공하면 "AUTH"라는 쿠키를 생성하고, "AUTH" 쿠키가 존재하면 로그인한 상태라고 인식한다.

---

1) 로그인 처리 p. 227

예제 9-11) loginForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head><title>로그인폼</title></head>
<body>

<form action="login.jsp" method="post">
아이디 <input type="text" name="id" size="10">
암호 <input type="password" name="password" size="10">
<input type="submit" value="로그인">
</form>

</body>
</html>

결과)

예제 9-12) login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "java.net.URLEncoder" %>
<%@ page import = "util.Cookies" %>
<%
	String id = request.getParameter("id");
	String password = request.getParameter("password");
	
	//id와 password가 같으면 로그인 해라(쿠키에 id값을 넣어라), ID와 암호가 같으면 로그인에 성공한 것으로 판단.
	if (id.equals(password)) {
		//Cookie 클래스 생성 
		//Cookie cookie = new Cookie("id", URLEncoder.encode(id,"utf-8"));
		//response.addCookie(cookie);
		//Cookie 클래스 생성(util.Cookies를 import)
		response.addCookie(
			Cookies.createCookie("AUTH", id, "/", -1)
		);
%>
<html>
<head><title>로그인성공</title></head>
<body>

로그인에 성공했습니다.

</body>
</html>
<%
	} else { // 로그인 실패시
%>
<script>
alert("로그인에 실패하였습니다.");
history.go(-1);
</script>
<%
	}
%>

비밀번호도 1234로 입력했다

결과)

개발자 도구를 눌러서 AUTO = 1234 확인할 수 있다.

---

2) 로그인 여부 판단

예제 9-13) loginCheck.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "java.net.URLEncoder" %>    
<%@ page import = "util.Cookies" %>
<%
	Cookies cookies = new Cookies(request);
%>
<html>
<head><title>로그인여부 검사</title></head>
<body>

<%
	if (cookies.exists("AUTH")) {
%>
아이디 "<%= cookies.getValue("AUTH") %>"로 로그인 한 상태
<%
	} else {
%>
로그인하지 않은 상태
<%
	}
%>
</body>
</html>

결과) 

---

3) 로그아웃 처리

예제 9-14) logout.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "java.net.URLEncoder" %>    
<%@ page import = "util.Cookies" %>
<%
	response.addCookie(
		Cookies.createCookie("AUTH", "", "/", 0)
	);
%>
<html>
<head><title>로그아웃</title></head>
<body>

로그아웃하였습니다.

</body>
</html>

결과)

---

CHAPTER 10 클라이언트와의 대화 2 : 세션

책의 목차
01 세션 사용하기 : session 기본 객체
1.1 세션 생성하기
1.2 session 기본 객체
1.3 기본 객체의 속성 사용
1.4 세션 종료
1.5 세션 유효 기간
1.6 request.getSession()을 이용한 세션 생성

02 세션을 사용한 로그인 상태 유지
2.1 인증된 사용자 정보 session 기본 객체에 저장하기
2.2 인증 여부 판단
2.3 로그아웃 처리

03 연관된 정보 저장을 위한 클래스 작성

04 서블릿 컨텍스트와 세션

---

10.1 세션 사용하기 : session 기본 객체

서버 세션을 사용하면 클라이언트의 상태를 저장할 수 있다.
쿠키와의 차이점: 세션은 웹 브라우저가 아니라 서버에 값을 저장한다.
서버는 세션을 사용해서 클라이언트 상태를 유지할 수 있기 때문에, 로그인한 사용자 정보를 유지하기 위한 목적으로 세션을 사용한다. 

1) 세션 생성하기
2) session 기본 객체
3) 기본 객체의 속성 사용
4) 세션 종료
5) 세션 유효 기간
6) request.getSession()을 이용한 세션 생성

참고: https://jddng.tistory.com/268

참고: https://velog.io/@ggg4155/22.03.03-%EC%84%B8%EC%85%98-%EC%A0%95%EB%B3%B4-%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0

---

10.2 세션을 사용한 로그인 상태 유지
1) 인증된 사용자 정보 session 기본 객체에 저장하기 p. 242

예제 10-4) [1] sessionLogin.jsp
session 기본 객체의 특정 속성을 로그인 상태 정보로 사용한다. 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String id = request.getParameter("id");
	String password = request.getParameter("password");
	
	// id와 비밀번호가 일치하면
	if (id.equals(password)){
		//id값을 세션에 저장(MEMBERID)
		session.setAttribute("MEMERID", id);
%>
<html>
<head><title>로그인 성공</title></head>
<body>

로그인에 성공했습니다.

</body>
</html>
<%
	} else {//로그인 실패시
%>
<script>
alert("로그인에 실패하였습니다.");
history.go(-1);
</script>
<%
	}
%>

예제 10-5) [2] sessionLoginForm.jsp
[1] sessionLogin.jsp에 아이디와 암호를 전송하는 폼을 보여주는 JSP 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head><title>로그인폼</title></head>
<body>

<form action="sessionLogin.jsp" method="post">
아이디 <input type="text" name="id" size="10">
암호 <input type="password" name="password" size="10">
<input type="submit" value="로그인">
</form>

</body>
</html>

비밀번호 1234 입력한다.

결과)

---

2) 인증 여부 판단

[1] sessionLogin.jsp은 로그인에 성공하면 MEMBERID 속성에 로그인 상태 정보를 보관한다. 
예제 10-6) [3] sessionLoginCheck.jsp
 session 기본 객체의 "MEMBERID" 속성을 사용해서 로그인 여부를 판단한다.  

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% 
	String memberId = (String)session.getAttribute("MEMBERID");//강제형변환
	boolean login = memberId == null ? false : true;
%>      
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그인여부 검사</title>
</head>
<body>

<%
	if (login){
%>
아이디 "<%= memberId %>"로 로그인 한 상태
<%
	} else {
%>
로그인하지 않은 상태
<%
	}
%>
</body>
</html>

결과)

---

3) 로그아웃 처리

예제 10-7) [4] sessionLogout.jsp
session.invalidate() 메서드를 사용하여 세션을 종료한다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	session.invalidate();
%>    
    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그아웃</title>
</head>
<body>

로그아웃하였습니다.

</body>
</html>

결과)

---

10.3 연관된 정보 저장을 위한 클래스 작성

10.4 서블릿 컨텍스트와 세션

---