[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 페이지를 포함시킨다.

중요) 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"

@ 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 빼고

저작자표시 (새창열림)

'👨‍💻 Web Development > JDBC | JSP | Servlet' 카테고리의 다른 글

[Day7] JSP/Servlet 7 - 쿠키, 세션, 커넥션 풀 (0)	2022.12.16
[Day6] JSP/Servlet 6 - 게시판 (0)	2022.12.15
[Day4] JSP/Servlet 4 - 웹작동원리, 테이블포워딩, accordion, tabs, 출력버퍼, JSP 기본객체9 (0)	2022.12.14
[Day3] JSP/Servlet 3 - request객체 파라미터, 리다이렉트, 포워딩, jstl, get/post (0)	2022.12.09
[Day2] JSP/Servlet 2 - db연결 테이블 반환, 서블릿, request객체 (0)	2022.12.06

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

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

'👨‍💻 Web Development > JDBC | JSP | Servlet' 카테고리의 다른 글

전체 카테고리

블로그 인기글

티스토리툴바

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

'👨‍💻 Web Development > JDBC | JSP | Servlet' 카테고리의 다른 글

전체 카테고리

최근 글

최근댓글

블로그 인기글

티스토리툴바