[Day5] JSP/Servlet 5 - JSP 4scope, 에러페이지, 모듈화(include), 자바빈(javabean)

[Day5] JSP/Servlet 5 [12/8]

 

  p 132  JSP 기본 객체와 4가지의 영역( scope )

       1)  한 페이지 사용되는 영역 : page scope(영역)    - page[Context] 객체

            ex01.html ->                          page scope

       2)  하나의 요청에 사용되는 영역 : request scope  - request 객체

           ex01.html ->                  r          포워딩      r        ex01.jsp

                          <-

       3) 브라우저  ex01.02.03. 여러 번 요청 :  session scope     - session 객체 (브라우저 닫기전에 계속 사용가능 공간)

       4) 모든 클라이언트(브라우저) 가 공유해서 사용하는 영역 : application 영역  - application 객체

(브라우저 상관없이 모든 사람 요청해서 공유하는 영역)

          

 

     그림 5.11 네 가지 영역과 기본 객체와의 관계.     

     

     

     p 135  속성 메서드 

     setAttribute();

     getAttribute();

     

     getAttributeNames()

     removeAttribute( name )

 

-ex01_02.jsp-     

<%
    // 4가지 영역(scope) 각각 값을 저장.
    application.setAttribute("name", "admin");
    session.setAttribute("age", 20);
    request.setAttribute("addr", "seoul");
    pageContext.setAttribute("tel", "010-");
%>

 a name : <%= application.getAttribute("name") %><br>
 s age : <%= session.getAttribute("age") %><br>
 r addr : <%= request.getAttribute("addr") %><br>
 p tel : <%= pageContext.getAttribute("tel" ) %><br>


 <br>
 <a href="ex01_03.jsp">ex01_03.jsp</a>
 a name  , s age O
 r addr , p tel   X

* 잘나옴

 

-ex01_03.jsp-

 a name : <%= application.getAttribute("name") %><br>
 s age : <%= session.getAttribute("age") %><br>
 
 r addr : <%= request.getAttribute("addr") %><br>
 p tel : <%= pageContext.getAttribute("tel" ) %><br>

* 어플리케이션 & 세션 : 나옴

* 리퀘스트 & 페이지컨텍스트 : 안나옴

 

-ex01_04.jsp-

 a name : <%= application.getAttribute("name") %><br>
 <!-- 
  세션을 강제로 종료하지 않는 동안 
  접속한 사용자만 계속 사용할 수 있는 영역이 세션이라는 영역이고
  인증, 권한, 장바구니 등등 구현
  -->
 s age : <%= session.getAttribute("age") %><br> 
 r addr : <%= request.getAttribute("addr") %><br>
 p tel : <%= pageContext.getAttribute("tel" ) %><br>

* 크롬 다 닫고 다시 띄우면 -> 어플리케이션만 살아있음 (서버가 살아있는 한)

* 서버 클린하고 다시 시작하면 없음

 

*** request, session -> 많이씀 / application 좀 씀

 

- MVC에서 request

- 로그인,로그아웃 session

---

   p139  Chapter 06 에러 처리

    1.  예외 처리

    2. 에러 페이지

    3. 상태 코드(404, 500)와 예외 타입별 에러 페이지 지정

 

  name 파리미터 값 : 
 <%
    try{
 %>
   <%= request.getParameter("name").toUpperCase() %>
 <%
    }catch(Exception e ){
%>
      name 파라미터가 올바르지 않습니다.
<%    	
    }
 %>

* 500 : 자바에러

*    예외 발생할 때

      위와 같이 일부만 try~catch 문으로 예외 처리할 것이 아니라.

      예외 처리 페이지( 에러 페이지 )로 이동...!

      

     p 143 에러 페이지 지정하기.     

         ex02_02.jsp

   ex02_02.jsp 페이지에서 만약에 에러가 발생하면

   errorPage 속성에 지정된 페이지로 이동...한다.

   

   viewErrorMessage.jsp 파일을 WEB-INF 폴더  > jsp 폴더 으로 이동.

    ㄴ에러페이지를 외부에서 접근 X

<%@ page  errorPage="/error/viewErrorMessage.jsp"%>
<%@ page  errorPage="/WEB-INF/jsp/viewErrorMessage.jsp"%>

---

   p155 Chapter 07 페이지 모듈화와 요청 흐름 제어

        jsp: 접두사 == JSP 액션태그

   

      *** 1. jsp:include  액션태그 -> 모듈화

      *** 2. include        지시자   -> 모듈화

      

      3. jsp:forward 액션태그

      4. 기본 객체를 이용한 값 전달

      

    [ 페이지 모듈화 ]   

    웹 사이트의 모든 페이지의 공통부분           ->    모듈화 ( jsp )

    ( 상단 부분, 왼쪽메뉴부분, 하단부분 )

     코드 중복 제거 X, 유지 보수 용이

     

     jsp:include 액션 태그를 사용해서      모듈화한 JSP 페이지를 포함시킨다. 

 

     

p 156 그림 &nbsp;&nbsp; 7.1 &nbsp; &nbsp;&nbsp; - 이해.

        중요)  main.jsp

        처리 A        

        출력버퍼 (A+B+C)

             jsp:include  sub.jsp           -> 요청 이동   sub.jsp  B

             처리 C

* sub.jsp include 액션태그 의해서 요청 흐름이 sub.jsp 포워딩되는 것처럼 / 이전까지는 출력버퍼에 저장되어있는 상태 

* 출력버퍼에 모듈이 추가

* 요청흐름이 바뀐다는 것이 포인트임!

        

        예) 

        1) 공통 부분을 모듈화  top.jsp, left.jsp, bottom.jsp     

              webapp/layout/                         top.jsp,  bottom.jsp  모든 페이지의 공통부분

              webapp/days05/layout/               left.jsp,  top.jsp  모든 페이지의 공통부분

              ex03_template.jsp

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%!
            // jsp:include   top.jsp  인식할 수 없다. 
            // 왜 ? 처리 과정이해   그림7.1  ( p 156 )
           String id="admin";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 8. 오전 11:53:14</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<style>
</style>
</head>
<body>
<h3>ex03_template.jsp</h3>
<h3>ex03_template.jsp?msg=hello</h3>

<div style="text-align: center">
  <table width="600" border="1" align="center">
     <tr>
       <td colspan="3">
          <!-- top 부분 -->
          <jsp:include page="/layout/top.jsp" flush="false"></jsp:include>
       </td>
     </tr>
     <tr height="300">
       <td width="150" valign="top" style="background: yellow">
       <!-- left 부분 -->
       <jsp:include page="/days05/layout/left.jsp" flush="false"></jsp:include>
       </td>
       <td>
          <a href="ex03_memberAdd.jsp">회원 추가</a><br>
          회원 관리 Content 부분<br>
          회원 관리 Content 부분<br>
          회원 관리 Content 부분<br>
          회원 관리 Content 부분<br>
          회원 관리 Content 부분<br>
       </td>
       <td valign="top" style="background: red">
       <!--  right 부분 -->
       <jsp:include page="/days05/layout/right.jsp" flush="false"></jsp:include>
       </td>       
     </tr>
     <tr>
        <td colspan="3">
           <!-- bottom 부분 -->
           <!--
               ex03_template.jsp -> bottom.jsp 요청 흐름
               파라미터 값을 전달하고 싶다.  
            -->
           <jsp:include page="/layout/bottom.jsp" flush="false">
               <jsp:param value="hi~~~" name="msg"/>
           </jsp:include>
       </td>
     </tr>     
  </table>

*flush 속성 : 응답버퍼에 넣고 전송시킬건지? false

*top bottom (style css) -> main에서 주면됨, 

* js -> 어디있어도 상관없음

 

-left-

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<ul>
  <li>로그인</li>
  <li>회원관리</li>
  <li>일정관리</li>
  <li>도움말</li>
</ul>

-right-

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
광고1<br>
광고2<br>
광고3<br>
광고4<br>

 

*template 요청할때 넘겨저오는 파라미터값을 bottom 에서 띄우고 싶을때 (쿼리문으로)

-> bottom.jsp 에 String msg = erquest.getParameter("msg")

 

* 만약 요청하는데 파라미터 값을 bottom에 파라미터 값을 전달하고 싶을 때 

template에서 jsp:param

<jsp:include page="/layout/bottom.jsp" flush="false">
 <jsp:param value="hi~~~" name="msg"/>

 

* main페이지에 전역변수 선언해도 별개의 요청흐름으로 가기 때문에 bottom에서 인식하지 못함 -> param으로 넘겨줘야함!

---

   p 168 [ include 지시자를 이용한 중복된 코드 삽입]

   %@ page

   %@ taglib

   %@ include

      // [WEB-INF/inc/include.jspf ]
      // 여러 페이지에 중복된 아래 코딩이 추가..           %@ include 지시자 .. 사용.
      request.setCharacterEncoding("UTF-8");
      String contextPath = request.getContextPath();

-> WEB-INF/inc 폴더 만들어서 여기 넣음 (외부 접근 불가하도록)

   -include.jspf-

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%
      // [WEB-INF/inc/include.jspf ]
      // 여러 페이지에 중복된 아래 코딩이 추가..           %@ include 지시자 .. 사용.
      request.setCharacterEncoding("UTF-8");
      String contextPath = request.getContextPath();
      
      String name ="admin";
%>

-jsp-

<%@ include file="/WEB-INF/inc/include.jspf" %>

 

    [질문] 강사님 단순히 중복의 문제면 템플릿에 사용해도 되지않나요?

        include 지시자           - bottom.jsp 공통 모듈화 추가, 공통 중복 코딩

        jsp:include 액션태그  - bottom.jsp 공통 모듈화 추가, 공통 중복 코딩

        

        [ 처리 과정 차이점 이해 ]

        p 169   include 지시자 처리 과정   [그림 7.11]

        include 지시자           - 공통코딩이 컴파일되어질때 포함되는 식 (서블릿 객체 하나)

        jsp:include 액션태그  - 응답버퍼 담고 새로운요청 일어난 후 다시 서블릿 객체가 응답 (서블릿 객체 두개 , 흐름 달라짐)

---

    p 173   코드 조각 자동 포함 기능

    1) 공통적으로 사용하는 변수 지정

    @ include file="/common/variable.jspf"

    

    2) 저작권 - 간단한 문장.

    @ include file="/common/footer.jspf"

    

    모든 페이지에 위의 코딩을 할 필요없이   web.xml

    <jsp-config>

      <jsp-property-group>

        <url-pattern>/days05/*</url-pattern>

        <include-prelude>/common/variable.jspf</include-prelude>

        <include-coda>/common/footer.jspf</include-coda>

      </jsp-property-group>

    </jsp-config>    

    

    

    p 177   include 액션태그와 include 지시자의 차이점 (비교 )

    p 177 jsp:forwrd 액션태그 X

---

   p 190 Chapter 08   자바빈과 jsp:useBean 액션태그 

   

   1. 자바빈(bean) == 자빈즈(javabeans) ?

       JSP 기반 +      웹 어플리케이션에서

       [정보]를 표현(저장)하는 [객체]               ==    DTO(정보가지고전달)  == VO(정보)

       

       Spring  기반  POJO

   

   2.     자바빈(bean) 규약                    /   서블릿 규약   p,hs, doget,dopost,service 오버라이딩.

         1) private 필드 선언

         2) getter, setter 선언

         3) 직렬화가 가능한 클래스 선언

*직렬화 : 

         

   3. 자바빈은 속성, 변경 이벤트, 객체 직렬화를 위한 표준이다. 

   

   예)  days05.MemberInfo.java  자바빈 선언      

package days05;

import java.io.Serializable;
import java.util.Date;

// JSP 기반 웹 어플리케이션에서 회원정보를 저장할 객체 - 자바빈 선언  
public class MemberInfo implements Serializable{

	private static final long serialVersionUID = 2490129593045133574L;
	
	// 필드 private
	private String id;
	private String passwd;
	private String name;
	private Date registerDate;
	private String email;

	// getter, setter
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getPasswd() {
		return passwd;
	}
	public void setPasswd(String passwd) {
		this.passwd = passwd;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		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;
	}
	public static long getSerialversionuid() {
		return serialVersionUID;
	}
} //  class

          ex04_02.jsp 추가.

<form action="ex04_05.jsp" method="get">

  <table border="1" style="width:400px">
     <tr>
        <td>아이디</td>
        <td><input type="text"  name="id" value="admin"></td>
     </tr>
     <tr>
        <td>이름</td>
        <td><input type="text"  name="name"  value="관리자"></td>
     </tr>
     <tr>
        <td>비밀번호</td>
        <td><input type="password"  name="passwd" value="1234"></td>
     </tr>
     <tr>
        <td>이메일</td>
        <td><input type="text"  name="email" value="admin@naver.com"></td>
     </tr>
     <tr>
        <td colspan="2">
           <input type="submit">
           <input type="reset">
        </td>
     </tr>
  </table>
</form>

 

 

03.jsp

<%@page import="days05.MemberInfo"%>
<%@page import="java.util.Date"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<!-- 
http://localhost/jspPro/days05/ex04_03.jsp
?
	id=admin
	&
	name=%EA%B4%80%EB%A6%AC%EC%9E%90
	&
	passwd=1234
	&
	email=admin%40naver.com
 -->
<%
   String id = request.getParameter("id");
   String name = request.getParameter("name");
   String passwd = request.getParameter("passwd");
   String email = request.getParameter("email");
   
   Date registerDate = new Date(); // 오늘날짜를 가입일로 설정.
   
   
   // 자바빈( = JSP 정보 저장하는 객체 ) 생성
   MemberInfo mi = new MemberInfo();
   mi.setId(id);
   mi.setName(name);
   mi.setPasswd(passwd);
   mi.setRegisterDate(registerDate);
   mi.setEmail(email);
   
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 8. 오후 2:21:05</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<style>
</style>
</head>
<body>
<h3>ex04_03.jsp - MemberInfo 정보 출력 </h3>
아이디 : <%= mi.getId() %><br>
이름 :  <%= mi.getName() %><br>
비밀번호 : <%= mi.getPasswd() %><br>
등록일 : <%= mi.getRegisterDate() %><br>
이메일 : <%= mi.getEmail() %><br>

04.jsp

<%@page import="days05.MemberInfo"%>
<%@page import="java.util.Date"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%
   String id = request.getParameter("id");
   String name = request.getParameter("name");
   String passwd = request.getParameter("passwd");
   String email = request.getParameter("email");
   
   Date registerDate = new Date(); // 오늘날짜를 가입일로 설정.
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 8. 오후 2:28:17</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<style>
</style>
</head>
<body>

<h3>ex04_04.jsp - MemberInfo 정보 출력 </h3>

<pre>
 // 자바빈( = JSP 정보 저장하는 객체 ) 생성
   										MemberInfo mi = new MemberInfo();
   										mi.setId(id);
   mi.setName(name);
   mi.setPasswd(passwd);
   mi.setRegisterDate(registerDate);
   mi.setEmail(email);
   
   위의 코딩을 jsp:useBean 액션 태그로 수정.....
</pre>

<jsp:useBean id="mi" class="days05.MemberInfo"></jsp:useBean>
<!-- Spring  -->
<jsp:setProperty property="id" name="mi" value="<%= id %>"/>
<jsp:setProperty property="name" name="mi" value="<%= name %>"/>
<jsp:setProperty property="passwd" name="mi" value="<%= passwd %>"/>
<jsp:setProperty property="registerDate" name="mi" value="<%= registerDate %>"/>
<jsp:setProperty property="email" name="mi" value="<%= email %>"/>
   
    

아이디 : <%= mi.getId() %><br>
이름 :  <%= mi.getName() %><br>
비밀번호 : <%= mi.getPasswd() %><br>
등록일 : <%= mi.getRegisterDate() %><br>
이메일 : <%= mi.getEmail() %><br>

05.jsp

<%@page import="days05.MemberInfo"%>
<%@page import="java.util.Date"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%
   Date registerDate = new Date(); // 오늘날짜를 가입일로 설정.
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 8. 오후 2:28:17</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<style>
</style>
</head>
<body>

<h3>ex04_05.jsp - MemberInfo 정보 출력 </h3>

<pre>
    1. 필드명 ==  name 속성 ( 조건 )
    
    
    2. 습관적으로.. 
     ㄱ. 
    scott.dept  / deptno, dname, loc
      ㄴ. 
    DeptDTO
       private int deptno;
       setter, geter
       ㄷ. 
    입력폼
          입력태그   name ="deptno"   
</pre>

<jsp:useBean id="mi" class="days05.MemberInfo"></jsp:useBean>
<jsp:setProperty property="*" name="mi"/>
<jsp:setProperty property="registerDate" name="mi" value="<%= registerDate %>"/>

   
    

아이디 : <%= mi.getId() %><br>
이름 :  <%= mi.getName() %><br>
비밀번호 : <%= mi.getPasswd() %><br>
등록일 : <%= mi.getRegisterDate() %><br>
이메일 : <%= mi.getEmail() %><br>

    [ 꼭 지킬 것 ]

    자바빈의 필드명과 반드시 동일한 name 속성을 설정한다. 

->편리한점 : 이름 똑같기 떄문에 파라미터 받을 필요없음 (05에서 처럼 한번에 받아올수있다) - register date 빼고