[Day8] JSP/Servlet 8 - 세션+, EL, EL쿠키, JSTL

[Day8] JSP/Servlet 8 [12/13]

-복습-

쿠키: 서버(jsp/servlet)에서 생성 -> 서버에서 클라이언트로 쿠키 생성하라는 명령을 내리는것임

js document.cookie 속성사용 생성, 삭제, 수정

jsp Cookie 클래스 c = new (cn,cv);

e/d/p/s

c.setXXX();

response.addCookie( c ) ; 응답 헤더 추가.

삭제 : setE(0) 응답 즉시 삭제.

-1 브라우저 닫힐때 쿠키 삭제

새로운 쿠키 객체 생성 : setE(0)

------------------------------------------------------------------------

세션: 서버에 저장되는 것 /

[클] -> 요/응 -> [서] 세션 저장공간(캐비넷)

JSESSIONID 쿠키값

jsp 9가지 기본 객체 중 session 객체를 사용하면되네요..

session="false"

request.getSession()

servlet 세션 생성 방법 설명.

request.getSession() => session 새로 세션 객체를 생성해서 반환

request.getSession(false) => session null 반환

if( session== null){

}else{

}

------------------------------------------------------------------------

include 지시자와 include 액션 태그에 대해서 설명하세요.

페이지 모듈화 : 공통적인 부분 -> 유지보수, 관리. 생산성

webapp / layout - top/bottom

일정관리 : left, right

일정관리폴더 /layout - l,r

게시판 : left, right

처리 과정 이해.

include 지시자 : 서블릿 클래스 1개 -> 처리 공통코딩, 모듈화 추가

jsp:include 액션태그 : 서블릿 각각 생성 -> 흐름 이동. 공통코딩, 모둘화 추가

------------------------------------------------------------------------

커넥션 풀 정의 ? Connection -> 풀(pool)

사용 이유? DB 연동 + connection 객체 생성 + 닫기 / 동시 접속자 많을경우 / 성능 떨어진다.

사용 방법? WAS(톰캣) 이 제공하는 DBCP

1) WEB-INF/lib/tomcat-dbcp.jar 추가

2) META-INF/context.xml 서버 시작 + 작동(커넥션 풀 가동 )

3) WEB-INF/web.xml 설정 추가

4) 테스트 conn.close() -> 반환

5) com.util.ConnectionProvider.java

getConnection(){ CP } ***

참고) DBConn.getConnection();

- ex03_default.jsp / ex03_logon.jsp / ex03_logout.jsp 로그인처리.

- [ 세션을 사용해서 로그인 처리 ]

ex02_default.jsp / ex02_logon.jsp / ex02_logout.jsp 로그인처리. 복사 붙이기.

session_auth.jspf

default.jsp

<%@page import="com.util.Cookies"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="/WEB-INF/inc/session_auth.jspf" %>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 12. 오후 2:10: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>
  div{
    border: 1px solid gray;
    width:300px;
    height:100px;
    padding:20px;
  }
</style>
</head>
<body>
<h3>ex02_default.jsp - 메인 페이지</h3>

<pre>
    p 242 세션을 사용한 로그인 상태 유지
</pre>

<%
    if( logonID == null ){  // 로그인 X
 %>
 <div id="logon">
  <form action="ex02_logon.jsp">
    아이디 : <input type="text" name="id" value="admin" /><br>
    비밀번호 : <input type="password" name="passwd" value="1234" /><br>
    <input type="submit" value="로그인" />
    <input type="button" value="회원가입" /> 
     
    <%
         String error = request.getParameter("error");
         if(  error != null ){
    %>
    <span style="color:red">로그인 실패했습니다.</span>
    <%    	 
         } // 
    %> 
    <script>
        $(function (){
        	$("#logon span").fadeOut(5000);
        })
    </script>
    
    
  </form>
</div>
 <%    	
    }else{  // 로그인 O
 %>
 <div id="logout">
   [<%= logonID %>]님 환영합니다<br>
   <a href="ex02_logout.jsp">로그아웃</a>
</div>
 <%   	
    }
%> 

<a href="/jspPro/cstvsboard/list.htm">게시판</a><br>
<a href="#">공지사항</a><br>

<%
    if(  logonID != null ){
%>
<!-- 반드시 인증(로그인)을 받아야지 사용할 수 있는 메뉴 -->
<a href="#">일정관리</a><br>
<a href="#">자료실</a><br>

<!-- 인증 + 관리자 권한이 있어야 사용할 수 있는 메뉴 -->
<%
       if( logonID.equals("admin") ){
%>
<a href="#">급여관리</a><br>
<a href="#">근태관리</a><br>
<%    	
       } //  if    	
    }  // if
%>

jstl 버전

<%@page import="com.util.Cookies"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="/WEB-INF/inc/session_auth.jspf" %>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 12. 오후 2:10: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>
  div{
    border: 1px solid gray;
    width:300px;
    height:100px;
    padding:20px;
  }
</style>
</head>
<body>
<h3>ex02_default_EL_JSTL.jsp - 메인 페이지</h3>

<pre>
    p 242 세션을 사용한 로그인 상태 유지
</pre>

<c:choose>
   <c:when test="${ empty logonID }">
        <div id="logon">
			  <form action="ex02_logon.jsp">
			    아이디 : <input type="text" name="id" value="admin" /><br>
			    비밀번호 : <input type="password" name="passwd" value="1234" /><br>
			    <input type="submit" value="로그인" />
			    <input type="button" value="회원가입" /> 			     
			    <c:if test="${ not empty  param.error }">
			        <span style="color:red">로그인 실패했습니다.</span>
			    </c:if>  			    
			    <script>
			        $(function (){
			        	$("#logon span").fadeOut(5000);
			        })
			    </script>		    
			  </form>
     </div>
   </c:when>
   <c:otherwise>
          <div id="logout">
			   [<%= logonID %>]님 환영합니다<br>
			   <a href="ex02_logout.jsp">로그아웃</a>
			</div>
   </c:otherwise>
</c:choose>

<a href="/jspPro/cstvsboard/list.htm">게시판</a><br>
<a href="#">공지사항</a><br>

<c:if test="${ not empty logonID }">
    <a href="#">일정관리</a><br>
    <a href="#">자료실</a><br>    
    <!-- EL 연산자 :  ==  eq -->
    <c:if test="${ logonID eq 'admin' }">
		 <a href="#">급여관리</a><br>
		<a href="#">근태관리</a><br>
    </c:if>    
</c:if>

logon.jsp

<%@page import="com.util.Cookies"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %> 
<!-- <h3>ex03_logon.jsp</h3> -->
<%
     // DB  member 테이블    id/pwd 체크
     String id= request.getParameter("id");
     String passwd= request.getParameter("passwd");
     //
     if( id.equals("admin") && passwd.equals("1234") ){
    	 // 관리자 인증
    	 // 세션 저장
    	 session.setAttribute("auth", id );
    	 
    	 String location = "ex02_default.jsp";
    	 response.sendRedirect(location);
     }else if(id.equals("hong") && passwd.equals("1234") ){
    	 // 일반계증으로  인증
    	  session.setAttribute("auth", id );
    	 
    	 String location = "ex02_default.jsp";
    	 response.sendRedirect(location);
     }else if(id.equals("park") && passwd.equals("1234") ){
    	 // 일반계증으로  인증
    	 session.setAttribute("auth", id );
    	 
    	 String location = "ex02_default.jsp";
    	 response.sendRedirect(location);
     }else{  // 인증 실패
    	 String location = "ex02_default.jsp?error";
    	 response.sendRedirect(location);
     }
%>

logout.jsp

<%@page import="com.util.Cookies"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="/WEB-INF/inc/session_auth.jspf" %>
<!-- <h3>ex02_logout.jsp</h3> -->

<%
    // 세션 삭제
    // 1) 요청  약 20분 정도 하지 않으면 자동으로 세션 종료.
    // 2) 세션 강제 지금 바로 종료.
    session.invalidate();
%>
<script>
   alert("[<%= logonID %>]님 로그 아웃 하셨습니다.");
   location.href = "ex02_default.jsp";
</script>

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

-> 하나의 리스트로 세션에 저장!

1. 세션

- 인증정보 저장 auth=logonID(hong)

- 권한정보 저장 관리자. 일반회원. MVP 회원 등등 등급

- 장바구니 정보 저장.

상품코드번호/수량/날짜 등등

ArrayList< 장_상클래스> 장list;

session.setAttribute("장list", 장list);

관련된 여러 가지의 정보를 세션 저장.

( 로그인한 회원 정보 모두 저장 : 아이디/이름/등급/주소/연락처 등등)

session.setAttribute("id", 아이디);

session.setAttribute("name", 아이디);

session.setAttribute("grade", 아이디);

session.setAttribute("addr", 아이디);

session.setAttribute("tel", 아이디);

Member m = new Member(); + 필드

session.setAttribute("member", m);

p 250 Chapter 11 표현언어(Expression Language : EL)

출력언어

- EL 자료형

- EL 기본 객체 param

- EL 연산자 eq ==

- EL 컬렉션

- EL 메서드 호출가능 ( 방법 ) ***

- EL 람다식과 스트림 API

1) EL 정의 ?

- 다른 형태의 스크립트 언어.

- 표현식 보다 간결하고 편리하다.

- JSTL 1.0에서 소개됨. EL + JSTL

- JSP 2.0 에 EL 포함,

JSP 2.3 == EL 3.0 한 쌍.

2) EL 기능

- JSP의 네 가지 기본 객체가 제공하는 영역(scope)의 속성 사용.

pageContext scope

request scope

session scope

application scope

- 수치 연산, 관계 연산( == eq , != ne), 논리 연산자( not ! , empty ) 제공

- 자바클래스의 메서드 호출 가능

- 람다식 사용( EL 3.0 )

- 쿠키, 기본 객체의 속성 등 JSP를 위한 표현 언어의 기본 객체 제공 ( param )

- 스트림 API를 통한 컬렉션 처리 ( EL 3.0 )

- 정적(static) 메서드 실행( EL 3.0 )

<%--

3) EL 구성( 선언 형식 )

${ expr }

p 252 JSP 2.1 부터 #{ expr } X => 스프링(Spring)

차이점 : 실제 EL의 값을 언제 생성하느냐에 있다.

--%>

p 253 EL 기초

- EL 자료형, 연산자 있다.

1. boolean - true, false

2. 정수 : 0~9 , -8 == java.lang.[Long]

3. 실수 : 3.14 == java.lang.Double

4. 문자열 : "" ''

" \" \' \\ " == java.lang.String

5. 널 타입 : null

${true }
${ -10 }
${ 3.14 }
${"홍\"길동" }
${ null }<br>

p 254 EL 기본 객체

1. pageContext == page 기본객체 동일

2. pageScope Map 객체이다.

requestScope

sessionScope

applicationScope

3. param == String request.getParameter()

paramValues == request.getParameterValues() Map 객체

4. header == request.getHeader() Map 객체

headerValues == request.getHeaders() Map 객체

5. cookie Map 객체 <쿠키이름, 값 배열 >

6. initParam == application.getInitParameter(이름) Map 객체

[ web.xml ]

<context-param>

<param-name>debugLevel</param-name>

<param-value>3</param-value>

</context-param>

${ initParam.debugLevel }

------------------------------------------------------------------------

예제)

1) 표현식

 <%
      String rURI =  request.getRequestURI();
 %> 
요청 URI : <%= rURI %><br> 
 
 요청 URI( 표현식) : <%= request.getRequestURI() %><br>

 <%
     request.setAttribute("name", "홍길동");
 %>
 <%
     String name = (String)request.getAttribute("name");
 %>
 name(표현식) = <%=  name%><br>

 code 파라미터(표현식) : <%= request.getParameter("code") %>

2) EL

 요청 URI(EL) : ${  pageContext.request.requestURI }

name(EL) = ${ requestScope.name }
name(EL) = ${ name } <!-- 영역에 있는 name X : 4가지 영역을 모두 뒤져서 얻어온다.-->

 code 파라미터(EL) : ${ param.code }

- 1) 2) 같은 코딩!

p 256 EL 쿠키 사용방법 ***

${ cookie.ID.value } Map 객체  <쿠키이름, 값 배열 > 
    1) 표현
    cookie.ID           쿠키값이 ID 인     Cookie 객체를 얻어온다. 
    Cookie.ID.value  ( getValue () )   Cookie 객체의 value(값) 
                             
    2) 표현
    cookie["ID"]

1) 2) 표현 둘 다 가능!

쿠키 ok.jsp

<!-- EL 사용하지 않고 -->
<%
     Cookies cookies = new Cookies(request);
    // key 쿠키이름  value 쿠키객체
     Set<Entry<String, Cookie>> set = cookies.cookieMap.entrySet();
     Iterator<Entry<String, Cookie>> ir =   set.iterator();
     while( ir.hasNext() ){
    	 Entry<String, Cookie> entry =    ir.next();
    	 String cookieName = entry.getKey();
    	 Cookie c = entry.getValue();
%>
    <li><%= cookieName %> - <%= c.getValue() %> </li>
<%    	 
     } // while
%>

<!-- EL 사용하고-->
EL user : ${  cookie.user.value }<br>
EL id : ${  cookie["id"].value }<br>
EL age : ${  cookie.age.value }<br>

<!-- EL + JSTL 모든 쿠키 정보를 출력 --> 
<c:forEach items="${ cookie }"  var="entry">
  <li>${ entry.key } - ${ entry.value.value }</li>
</c:forEach>

* entry.value는 쿠키 그 자체임 -> entry.value.value로 받아와야함

* 범위가 작은 것부터 name 값 가져옴 (그냥 name이라고 했을때 - page -> request -> session -> application)

p 258 EL 연산자

+ 덧셈

- 뺄셈

/ div

% mod

-2 단항연산자.

${  10 + 3  }<br>
${  10 - 3  }<br>
${  10 * 3  }<br>
${  10 / 3  }<br>
<%-- ${  10 div 3  }<br> --%>
${  10 % 3  }<br>
<%-- ${  10 mod 3  }<br> --%>

<!-- 13  그 이유 ?  +   EL 문자열 연결연산자 X,    + 수치연산자( 덧셈 ) -->
${  "10" + 3 }<br>   <!-- java   "103" -->
<%-- ${  "test" + 3 }<br>    --%>

<%-- ${  null + 3 }  ==> 0 --%>

p 260 EL 비교 연산자

== eq

!= ne

< lt

> gt

<= le

>= ge

${  100  ==  10 }<br>
${  100  eq  10 }<br>

 ${  100  !=  10 }<br>
<%-- ${  100  ne  10 }<br> --%>

${  100  >  10 }<br>
${  100  gt  10 }<br>

${  100  <  10 }<br>
${  100  lt  10 }<br>

${  100  >=  10 }<br>
${  100  ge  10 }<br>

${  100  <=  10 }<br>
${  100  le  10 }<br>

논리 연산자

&& and

|| or

! not

${  true && false }<br>
${  true and false }<br>

${  true || false }<br>
${  true or false }<br>

${  !false }<br>
${  not false }<br>

[ empty 연산자 ]

null true

"" true

길이 0 true

비 Map true

비 컬렉션 true ArrayList<BoardDTO> list= null

ArrayList<BoardDTO> list= new ArrayList<>(); // 비워있는 컬렉션.

{ not empty list }

위의 경우 외에 모두 false 값으로 처리한다.

삼함 연산자 ? :

p 262 문자열 연결 연산자. +( 덧셈 산술연산자. )

<%
     request.setAttribute("title", "오라클");
%>
<!-- EL에서 문자열 연결하는 연산자 추가            += 연산자 -->
${ "제목 : " += title } <br>

<!-- 
[ p 262 세미콜론 연산자. EL 3.0]
1+1 덧셈 처리하고
10+10 덧셈 처리하고
하지만 출력은 뒷에 것만 출력해서 20 나온다.
 -->
${  1+1 ; 10+10 }<br>

<!-- p 265 EL 3.0
변수 var1에 10 값을 할당하고   var1 변수를 출력한다.  -->
${ var1 = 10 }<br>

EL 연산자 우선 순위가 있다.

\${ expr } == EL 표현이 아니라 "문자열"

p 266 EL에서 객체의 메서드 호출

EL에서 statc 메서드 호출

<%
     long price = 22345;
     // EL 에서 사용하기 위해서           스코드(영역) 저장
     request.setAttribute("price", price);
     
     // (문제)  세 자리 마다 콤마를 찍어서 출력하고 싶다.   22,345
     // (문제)  EL 세 자리 마다 콤마를 찍어서 출력하고 싶다.   22,345
%>

price( 표현식 ) = <%= price %><br>
price( 표현식 ) = <%= String.format("%,d", price) %><br>
<%
      // 형식화 클래스 
      String pattern = "##,###";
      DecimalFormat df = new DecimalFormat(pattern);
%>
price( 표현식 ) = <%= df.format(price) %><br>

price( EL ) = ${ requestScope.price }<br>
price( EL ) = ${ price }<br>
<!-- 세자리마다 콤마 출력  ? -->
price( EL ) = <fmt:formatNumber value="${ price }"  pattern="#,###"/><br>
<!-- ex04_06_02.jsp -->

p 266 [ EL에서 인스턴스, (스태틱 메서드) 사용 ]

<%
     long price = 22345; 
     request.setAttribute("price", price);
     
     // days08.FormatUtil.java
%>

<%
   // 1. 인스턴스 메서드 사용한  코딩.
     FormatUtil f = new FormatUtil();
     request.setAttribute("f", f);
%>
FormatUtil.number()  = ${  f.number(price, "#,##0") }<br>

 <!-- // 2 스태틱 메서드 사용한 코딩 -->
 FormatUtil.staticNumber()  = ${  FormatUtil.staticNumber(price, "#,##0") }<br>

FormatUtil.java

package days08;

import java.text.DecimalFormat;

public class FormatUtil {
	
	// 1 인스턴스 메서드
	public String number(long number, String pattern) {
		DecimalFormat df = new DecimalFormat(pattern);
		return df.format(number);
	}
	
	// 2 스태틱 메서드 
	public static String staticNumber(long number, String pattern) {
		DecimalFormat df = new DecimalFormat(pattern);
		return df.format(number);
	}
}

p 292 Chatper 12 표준 태그 라이브러리 ( JSTL )

- JSTL

- 개발자 필요에 의해서 만드는 태그 : 커스텀 태그

- 많은 개발자들이 공통의 기능의 커스텀 태그를 만들어서 사용을 하더라.

-> 모아서 표준화해서 태그 만들자...

- JSTL( Jsp Standard Tag Library)

- JSTL

*** 1) c 코어 변수지원, 흐름 제어, URL처리

흐름 제어 : if choose, forEach, forTokens

URL 처리 : import, redirect, url

기타 : catch, out(JspWriter에 내용을 출력한다.)

2) fmat 국제화(형식화) 숫자,날짜,문자열 형식, 지역

\22.345

$22.345

3) xml XML xml 코어, 흐름제어, xml변환 X

4) sql 데이터베이스

ex06.jsp

5) fn 함수 String 함수, 컬렉션 함수

ex 1)

ex07.jsp 변수 선언, 제거 c:set, c:remove

  p 295  코어태그   c


  변수 선언 :  set , remove
  var : EL변수명
  scope  : [page], request, session, application
  value :  문자열, 표현식, EL

<%
   String name = "홍길동";
   // request.setAttribute("name", name);
%>

> name :  <%= name %><br>

<!-- page, request, session, application 영역 검사 -->
<%-- <c:set value="홍길동" var="cname"  scope="request"></c:set> --%>
<%-- <c:set value="<%= name %>" var="cname"  scope="request"></c:set> --%>
<c:set var="cname"  scope="request"><%= name %></c:set>
> name :  ${ cname }<br>

* EL의 경우 name을 attribute안에 넣어야 인식 가능!

* 만약 넣어주지 않았ㄷ면 c:set으로 변수 할당

ex07_02.jsp

   1)     c:set  var="변수명"  value="값" scope="4 영역"
   2)     c:set target="" property=""  value=""
     target : 속성(property) 값을 설정할 대상 객체 지정
  표현식, EL ,   자바빈, 맵
     property : 설정할 속성의 이름
  객체 set이름  == setter 선언이 되어져 있어야 된다.
  property="dname"
  setDname() 선언되어져 있어야 한다.

     value : 값

  p 298 표 12.3
     var 속성, scope 속성 :   표현식 X, EL X
     target, value, property :  표현식 O, EL O

<%
     DeptDTO dto = new DeptDTO(10, "QC", "SEOUL");
     //request.setAttribute("dto", dto);
%>

<c:set var="dto"  value="<%= dto %>"></c:set>

<%
      // dto.setDname("XXX");
%>
<%-- <c:set target="<%= dto %>"></c:set> --%>
<c:set target="${ dto }"  property="dname"  value="YYY"></c:set> 

deptno : ${ dto.deptno } <br>
dname : ${ dto.dname }<br>
loc : ${ dto.loc }<br>

<%-- 
<c:forEach  items="${ list }"  var="dto">
<c:forEach  items="<%= list %>"  var="dto">
</c:forEach>
 --%>

<요약>

ex07_03.jsp

<%
     Map<String, String> map = new HashMap<>();
     map.put("id", "admin");
     map.put("passwd", "1234");
     
     // request.setAttribute("map", map);
%>

<c:set var="m" value="<%= map %>"></c:set>

id = ${ m.id }<br>
passwd = ${ m.passwd }<br>

<hr>

<pre>
    c:remove 태그는  c:set 으로 선언된 변수를 삭제하는 태그이다. 
</pre>
<%-- <c:remove var="m" /> --%>
<%
    // map.put("name", "홍길동");
%>

<%-- <c:set target="<%= map %>"></c:set> --%>
<c:set target="${ m }"  property="name" value="홍길동"></c:set>

name = ${ m.name }<br>

ex +)

ex08.jsp 흐름제어

num parameter = ${ param.num }<br>

<%-- 
<c:set  var="pn"  value="${ param.num }" ></c:set>
<c:if test="${  pn mod 2 eq 0 }">짝수</c:if>
<c:if test="${  pn mod 2 ne 0 }">홀수</c:if>
 --%>
 
<!-- 위와 같이 c:set으로 변수를 선언하지 않아도된다.  -->
<%-- 
<c:if test="${  param.num mod 2 eq 0 }">짝수</c:if>
<c:if test="${  param.num mod 2 ne 0 }">홀수</c:if>
 --%>
 
 <c:choose>
    <c:when test="${  param.num mod 2 eq 0 }">짝수</c:when>
    <c:otherwise>홀수</c:otherwise>
 </c:choose>

ex08_02.jsp (ex)

<form>
 국어 : <input type="text"  name="kor">
</form>
<!-- 98/10 = 함수 Math.ceil( 9.8) 절삭  = 9 -->
<c:set value="${ param.kor }"  var="kor"></c:set>

<%-- 
<c:choose>
    <c:when test=" ${  kor >= 90 && kor <= 100 }">수</c:when>
    <c:when test="${  kor ge 80 and kor lt 90 }">우</c:when>
    <c:when test="">미</c:when>
    <c:when test="">양</c:when>
    <c:otherwise>가</c:otherwise>
</c:choose>
 --%>

ex08_03.jsp forEach 제어문

   [ p 303 c:forEach 태그 ]
- 배열 ex08_04.jsp
- 컬렉션 X ArrayList<BoardDTO> list
- 맵 ex08_04.jsp
에 저장되어있는 값들을 "순차적으로" 처리할 때 사용한다.

   - begin="" 시작값
   - end="" 끝값
   - items="" EL
- step="" 증가치
- var="" 변수명
- varStatus="" 변수상태

<!-- 1+2+..+10=55 -->
<!-- sum 변수 선언 -->
<c:set var="sum" value="0"></c:set>
<c:set var="start" value="1"></c:set>
<%
    int end = 10;
    int 증가치 = 2;
%>
<c:forEach begin="${start }" end="<%= end %>" step="<%= 증가치 %>" var="i">
   <%-- 
   <c:if test="${  i  eq 10 }">${ i }</c:if>
   <c:if test="${  i  ne 10 }">${ i }+</c:if>
    --%>
    
    <!-- += 문자열 연결연산자 , 삼항연산자 -->
    ${    i +=   (i==10? "":"+") }
   <c:set var="sum" value="${  sum + i }"></c:set>
</c:forEach>
= ${ sum }


<br>

<!-- 프로젝트할 때 사용 -->
<!--  p 305
   varStatus="status"
   status.index  루프 실행에서의 현재 인덱스
   status.count  루프의 실행 횟수
   status.begin, end, step
   
   status.first   첫           true
   status.last    마지막
   status.current
 -->
<c:forEach  begin="1" end="5"  var="i" varStatus="status">
    <c:if test="${ status.first }">첫번째 : </c:if>
    <c:if test="${ status.last }">마지막번째 : </c:if>
    test - ${ i } - index : ${ status.index }<br>

ex08_04.jsp c:forEach 태그 - 배열 + 맵처리

<!-- int [] m = { 1,2,3,4,5 } -->
<%
     // int []  m = { 3,5,2,4,1};
%>
<%-- <c:set var="m"  value="<%= m %>"></c:set> --%>

<c:set var="m"  value="<%= new int[]{ 3,5,2,4,1} %>"></c:set> 
<c:forEach  items="${ m }"  var="n"  varStatus="status">
  <li> m[${  status.index }] = ${ n }</li>
</c:forEach>

<hr>
<pre>
    c:forEach 태그 - 맵(Map) 처리
</pre>
<%
    Map<String, String> map = new HashMap<>();
    map.put("id", "admin");
    map.put("age", "20");
    map.put("name", "홍길동");
    
%>

<c:set var="person" value="<%= map %>"></c:set>

${ person.id }<br>
${ person["id"] }<br>

<ol>
<c:forEach items="${ person }"  var="entry">
   <li>${ entry.key } : ${ entry.value }</li>
</c:forEach>
</ol>

ex08_05.jsp p 307 [ c:forTokens 태그 == split() 비슷 ]+

p 307 URL 처리 태그

c:url 태그 : URL 생성

c:redirect 태그 : 리다이렉트 처리 response.sendRedirect()

<c:forTokens items="허정연,이재민.엄태혁,권재현,오승주" delims=",."  var="name">
    ${ name }<br>
</c:forTokens>

<%-- url

<c:url var="searchUrl"  value="http://localhost/jspPro/days08/ex08.jsp">   
</c:url>

<c:redirect url="${searchUrl  }">
   <c:param name="searchCondigion" value="title"></c:param>
   <c:param name="searchWord" value="title - 30"></c:param>
</c:redirect>

 --%>

<%
     String location = "http://localhost/jspPro/days08/ex08.jsp?searchCondigion=title&searchWord=홍길동";
     response.sendRedirect(location);
%>

- 그냥 String으로 하는게 나음 (아니면 길어져서)

ex08_06.jsp

p 311

c:out 태그 : JspWriter에 데이터를 출력하는 태그

value="" 출력할 값.

default="" 출력할 값이 없을 경우에 기본 출력할 값.

escapeXml="" < < > > & ' "

<span>

p 312 예제 12.6 ( 5분 코딩 )

<%
   FileReader fr = null;
try{
	String path = "days08/ex01.jsp";
    String realPath =  request.getRealPath(path);
    fr = new FileReader( realPath );
%>
   소스 코드 = <%= path %><br>
   <c:out value="<%= fr %>"  escapeXml="true"></c:out>
<%    
}catch(Exception e){
	%>
	   에러 : <%= e.getMessage() %>
	<%    	
	    }finally{
	    	if( fr != null) {
	    		 try { fr.close(); }catch(IOException ex){}
	    	}
	    }
 %>

ex08_07.jsp try-catch (잘안씀)

 <c:catch var="ex">
     //
     //
     <%
       // ?name=admin
      String name =  request.getParameter("name").toUpperCase();
     %>
      //
     //
     //
 </c:catch>

 <%-- <c:if test="${ ex != null }"> --%>
 <c:if test="${ not empty ex  }"> 
    예외가 발생했습니다.
    ${ ex }
 </c:if>

ex4)

<%@ taglib prefix="sql"  uri="http://java.sun.com/jsp/jstl/sql" %>

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sql"  uri="http://java.sun.com/jsp/jstl/sql" %>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 13. 오후 12:40:33</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>ex06.jsp</h3>
<pre>
   scott.dept 테이블의  레코드 출력
</pre>

<!-- Spring + mybatis 프레임워크 -->
<sql:query var="rs" dataSource="jdbc/myoracle">
   SELECT deptno, dname, loc
   FROM dept
</sql:query>

<c:forEach  items="${ rs.rows }"   var="dto">
  <li>${ dto.deptno } - ${dto.dname } - ${ dto.loc }</li>
</c:forEach>

* 결과물 var="rs"에 담음 & dataSource(xml.web에 커넥션풀)

p 315 국제화 태그

- 특정 지역에 따라 알맞은 메시지를 출력할 때 사용하는 태그

- 숫자 및 날짜 포매팅 ( 주로 사용. )

formatNumber 숫자 포맷팅 p 325

foramtDate

parseDate

parseNumber

<%
     long price = 22345;
    // 세 자리마다 콤마 출력.
%>

<fmt:formatNumber  
        type="number"  
        value="<%= price %>"  
        pattern="##,###.00"          
        var="fmt_price"/>
price : ${  fmt_price }<br>

price : <fmt:formatNumber  value="<%= price %>"  
type="currency"  
currencySymbol="\\" /><br>

price : <fmt:formatNumber  value="<%= price %>"  
type="percent"   /><br>

<hr>

<%
    String   strPrice = "1,200.34";  // java     double 형변환
    // 1. strPrice.replaceAll("," , "")    "1200.34"
    // 2. double dprice = Double.parseDouble(strPrice);    
    // java parsing/formatting
    
    int qty = 5;
    // dprice * qty = 총 판매금액.
%>

<fmt:parseNumber  value="<%= strPrice %>"  pattern = "0,000.00" var="parsingPrice"  />
<c:set  var="q" value="<%= qty %>"  />

총 판매금액 : ${ parsingPrice * q}<br>

p 327

날짜 출력 - formatDate

날짜 파싱 - parseDate

<pre>
   p 327
  날짜 출력 - formatDate
  날짜 파싱 - parseDate
</pre>

<%
   Date now = new Date();
%>
now : <%= now %><br><!-- Tue Dec 13 16:39:50 KST 2022 -->

<c:set var="now"  value="<%= now %>"></c:set>

<li> <fmt:formatDate value="${ now }"/>  </li><!-- 2022. 12. 13. -->
<li> <fmt:formatDate value="${ now }"  dateStyle="default"/>  </li><!--  -->
<li> <fmt:formatDate value="${ now }"  dateStyle="full"/>  </li><!--  -->
<li> <fmt:formatDate value="${ now }"  dateStyle="short"/>  </li><!--  -->
<li> <fmt:formatDate value="${ now }"  dateStyle="long"/>  </li><!--  -->
<li> <fmt:formatDate value="${ now }"  dateStyle="medium"/>  </li><!--  -->

<li> <fmt:formatDate value="${ now }"  pattern="yyyy년 MM월 dd일" />  </li><!--  -->
<hr>
<li> <fmt:formatDate value="${ now }"   type="date" />  </li><!--  -->
<li> <fmt:formatDate value="${ now }"   type="time" />  </li><!--  -->
<li> <fmt:formatDate value="${ now }"  type="both" />  </li><!--  -->

<%
    String strNow = "2022년 12월 13일";
    // 날짜 형 변환
    // 1. fmt:parseDate 태그
    
    // 2. java 코딩
    // Date now = new Date(2022-1900, 12-1, 13);
    
    // 3. java 코딩
    /*
    String pattern = "yyyy년 MM월 dd일";
    SimpleDateFormat sdf = new SimpleDateFormat(pattern);
    Date now =  sdf.parse(strNow);
    */
    
    // 4. 
    /*
    String pattern = "yyyy년 MM월 dd일";
    DateTimeFormatter f = DateTimeFormatter.ofPattern(pattern);
    LocalDate now = LocalDate.parse(strNow, f);
    */
%>

<fmt:parseDate value="<%= strNow %>"  pattern= "yyyy년 MM월 dd일" var="now"/>
now : ${ now }

    p 332  JSTL은 EL에서 사용할   함수를  제공
    p 334 예제 코딩~ 
</pre>

<%
   String msg = "<b>Message</b>입니다.";
   //  msg.length()
%>
<!-- EL 사용할 수 있도록 하기 위해서  -->
<c:set var="msg"  value="<%= msg %>"/>

${ msg  }<br>
${ fn:length( msg )  }<br>
${ fn:toUpperCase( msg )  }<br>
${ fn:substring( msg , 1, 4 )  }<br>
${ fn:contains( msg , "ssa" )  }<br>
${ fn:indexOf( msg , "ssa" )  }<br>
<%-- ${ fn:표12.19 제공되는 함수 ( msg )  }<br> --%>

저작자표시

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

[Day10] JSP/Servlet 10 - (0)	2022.12.19
[Day9] JSP/Servlet 9 - MVC 패턴, filter (0)	2022.12.18
[Day7] JSP/Servlet 7 - 쿠키, 세션, 커넥션 풀 (0)	2022.12.16
[Day6] JSP/Servlet 6 - 게시판 (0)	2022.12.15
[Day5] JSP/Servlet 5 - JSP 4scope, 에러페이지, 모듈화(include), 자바빈(javabean) (0)	2022.12.15

[Day8] JSP/Servlet 8 - 세션+, EL, EL쿠키, JSTL

[Day8] JSP/Servlet 8 [12/13]

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

전체 카테고리

블로그 인기글

티스토리툴바

[Day8] JSP/Servlet 8 [12/13]

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

전체 카테고리

최근 글

최근댓글

블로그 인기글

티스토리툴바