[58] 230322 JSP Ch. 11 표현 언어(Expression Language), Ch. 12 표준 태그 라이브러리(JSTL), Ch. 13 이클립스를 이용한 웹 개발 [K-디지털 트레이닝 58일]

230322 Wed 58th class

Ch. 11 표현 언어(Expression Language)
Ch. 12 표준 태그 라이브러리(JSTL) 
Ch. 13 이클립스를 이용한 웹 개발
진도: p. 250 ~ (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균)
책 예제 코드: https://github.com/madvirus/jsp23
저자 블로그: https://javacan.tistory.com/

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

---

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

---

To parse, in computer science, is where a string of commands – usually a program – is separated into more easily processed components, which are analyzed for correct syntax and then attached to tags that define each component.

---

Ch. 11 표현 언어(Expression Language)

01 표현 언어란?
1.1 EL의 구성

02 EL 기초
2.1 EL의 데이터 타입과 리터럴
2.2 EL의 기본 객쳬
2.3 객체 접근
2.4 객체 탐색
2.5 수치 연산자
2.6 비교 연산자
2.7 논리 연산자
2.8 empty 연산자
2.9 비교 연산자
2.10 문자열 연결
2.11 컬렉션
2.12 세미콜론 연산자
2.13 할당 연산자
2.14 연산자 우선순위
2.15 특수 문자 처리하기 

03 EL에서 객체의 메서드 호출

04 EL에서 정적 메서드 호출하기 1
4.1 예제에서 사용할 클래스 작성
4.2 함수를 정의한 TLD 파일 작성
4.3 web.xml 파일에 TLD 내용 추가하기
4.4 EL에서 함수 사용하기

05 EL에서 정적 메서드 호출하기 2

06 람다식 사용하기

07 스트림 API 사용하기
7.1 스트림 API 기본
7.2 stream()을 이용한 스트림 생성
7.3 filter()를 이용한 걸러내기
7.4 map()을 이용한 변환
7.5 sorted()를 이용한 정렬
7.6 limit()을 이용한 개수 제한
7.7 toList()와 toArray()를 이용한 결과 생성
7.8 count()를 이용한 개수 확인
7.9 Optional 타입
7.10 sum()과 average()를 이용한 수치 연산 결과 생성
7.11 min()과 max()를 이용한 최소/최대 구하기
7.12 anyMatch(), allMatch(), nonMatch()를 이용한 존재 여부 확인

08 표현 언어 비활성화 방법
8.1 web.xml 파일에 EL 비활성화 옵션 추가하기
8.2 JSP 페이지에 EL 비활성화시키기
8.3 web.xml 파일의 버전에 따른 EL처리

---

11.1 표현 언어(Expression Language)란? p. 250

표현언어: 다른 형태의 스크립트 언어로서 스크립트 요소 중의 하나이다.
표현식보다 간결하고 편리하기 때문에 많이 사용된다.

스크립트 요소
1. 스크립트릿
<% 자바문법 %>

2. 표현식
<%= 출력내용 %>

3. 선언부
<%! 함수 선언%>

<%

%> 는 자바이다. 

예시)

<%
	for(int i=1;i<11;i++){
%>		
		<%= i%><br> //HTML(JSP)
		<!-- System.out.println(i);이 아니다. -->
<%		
	}
%>

1) 표현 언어 (EL(Expression Language))의 구성

${expr}

---

11.2 표현 언어 (EL(Expression Language)) 기초
1) 표현 언어 (EL(Expression Language))의 데이터 타입과 리터럴
2) 표현 언어 (EL(Expression Language))의 기본 객쳬
3) 객체 접근
4) 객체 탐색
5) 수치 연산자
6) 비교 연산자
7) 논리 연산자
8) empty 연산자
9) 비교 연산자
10) 문자열 연결
11) 컬렉션
12) 세미콜론 연산자
13) 할당 연산자
14) 연산자 우선순위
15) 특수 문자 처리하기

---

11.3 표현 언어 (EL(Expression Language))에서 객체의 메서드 호출

---

11.4 표현 언어 (EL(Expression Language))에서 정적 메서드 호출하기 1
1) 예제에서 사용할 클래스 작성
2) 함수를 정의한 TLD 파일 작성
3) web.xml 파일에 TLD 내용 추가하기
4) EL에서 함수 사용하기

---

11.5 표현 언어 (EL(Expression Language))에서 정적 메서드 호출하기 2

---

11.6 람다식 사용하기

---

11.7 스트림 API 사용하기
1) 스트림 API 기본
2) stream()을 이용한 스트림 생성
3) filter()를 이용한 걸러내기
4) map()을 이용한 변환
5) sorted()를 이용한 정렬
6) limit()을 이용한 개수 제한
7) toList()와 toArray()를 이용한 결과 생성
8) count()를 이용한 개수 확인
9) Optional 타입
10) sum()과 average()를 이용한 수치 연산 결과 생성
11) min()과 max()를 이용한 최소/최대 구하기
12) anyMatch(), allMatch(), nonMatch()를 이용한 존재 여부 확인

---

11.8 표현 언어 비활성화 방법
1) web.xml 파일에 EL 비활성화 옵션 추가하기
2) JSP 페이지에 EL 비활성화시키기
3) web.xml 파일의 버전에 따른 EL처리

---

Ch. 12 표준 태그 라이브러리(JSTL(JSP Standard Tag Library)) p. 292

책의 목차
01 JSTL이란
1.1 JSTL이 제공하는 태그의 종류
1.2 JSTL 라이브러리 받기

02 코어 태그
2.1 변수 지원 태그
   2.1.1 <c:set> 태그
   2.1.2 <c:remove> 태그
2.2 흐름 제어 태그
   2.2.1 <c:if> 태그
   2.2.2 <c:choose>, <c:when>, <c:otherwise> 태그
   2.2.3 <c:forEach> 태그
   2.2.4 <c:forTokens> 태그
2.3 URL 처리 태그
   2.3.1 <c:url> 태그
   2.3.2 <c:redirect> 태그
2.4 기타 코어 태그
   2.4.1 <c:out> 태그
   2.4.2 <c:catch> 태그

03 국제화 태그
3.1 로케일 지정 태그
3.2 예제로 사용할 리소스 번들
3.3 메시지 처리 태그
   3.3.1 <fmt:bundle> 태그와 <fmt:message> 태그
   3.3.2 <fmt:setBundle> 태그와 <fmt:message> 태그
   3.3.3 <fmt:message> 태그와 리소스 번들 검색 순서
3.4 숫자 및 날짜 포맷팅 처리 태그
   3.4.1 <fmt:formatNumber> 태그
   3.4.2 <fmt:parseNumber> 태그
   3.4.3 <fmt:formatDate> 태그
   3.4.4 <fmt:parseDate> 태그
   3.4.5 <fmt:timeZone> 태그와 <fmt:setTimeZone> 태그
3.5 web.xml 파일에 국제화 관련 기본값 설정하기 

04 함수

---

12.1 표준 태그 라이브러리(JSTL(JSP Standard Tag Library))이란

자바 문법을 태그화시킨 것이다.

<%
	//자바
    if(list.size>0){
    		for(int i=0;i<list.size();i++){
            		Data data = (Data) list.get(i);
     } //if, for: HTML -> Tag
%>

1) 표준 태그 라이브러리(JSTL(JSP Standard Tag Library))이 제공하는 태그의 종류

2) 표준 태그 라이브러리(JSTL(JSP Standard Tag Library)) 라이브러리 받기

https://central.sonatype.com/?smo=true

https://repo1.maven.org/maven2/jstl/jstl/1.2/에서 아래 jstl-1.2.jar을 다운 받는다.

톰캣 lib에 넣는다.

이클립스의 아래 경로의 lib에 붙여넣는다.

아래 코드를 쓴다.

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

prefix="c"
태그들을 보면 c로 시작한다.

참고: https://heytech.tistory.com/190

---

12.2 코어 태그

참고: https://www.w3schools.in/jsp/jstl-core-tags

1) 변수 지원 태그 p. 296

   1.1 <c:set> 태그

<c:set> 태그는 EL(표현 언어(Expression Language)) 변수의 값이나 변수의 프로퍼티 값을 지정할 때 사용된다.
<c:set> 태그의 첫 번째 사용방법은 EL 변수를 생성하는 것이다.

<c:set var="변수명" value="값" [scope="영역"]/>
<c:set var="변수명" [scope="영역"]>값</c:set>

---

   1.2 <c:remove> 태그

remove 태그는 set 태그로 지정한 변수를 삭제할 때 사용된다.

<c:remove var="varName" [scope="영역"] />

---

2) 흐름 제어 태그 p. 299

   2.1 <c:if> 태그

단순 if만 가능하다.

자바 언어의 if 블록과 비슷한 기능을 제공한다. 단순한 if 블록을 쉽게 대체할 수 있기 때문에 많이 사용한다.

<c:if test="조건">
...
</c:if>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Examples</title>
</head>
<body>

<c:if test="true">
	무조건 실행<br>
</c:if>

<% // 자바
	String name="bk";
	if(name.equals("bk")){
%>	
	name 파라미터의 값이 ${param.name} 입니다. <!-- HTML이다.(Body 태그에 있는 내용) -->
<% //자바
	}
%>	

<%-- <% // 자바
	String name="bk";
	if(name.equals("bk")){
	out.print(name);
	}
%> --%>

<c:if test="${param.name == 'bk' }">
	name 파라미터의 값이 ${param.name} 입니다.
</c:if>
</body>
</html>

결과)

---

   2.2 <c:choose>, <c:when>, <c:otherwise> 태그

choose if
when else if
otherwise else

2023.02.02 - [🌳K-Digital Revision 2023✨/Java] - [25] 230203 Java Ch. 4 조건문과 반복문: 1. 조건문: if문, switch문 [K-디지털 트레이닝 25일]

<c:choose>는 switch에 해당되고 <c:when>는 case에 해당되며, <c:otherwise>는 default에 해당된다.

<c:choose> 태그는 자바의 switch 구문과 if-else 블록을 혼합한 향태로서 다수의 조건문을 하나의 블록에서 수행할 때 사용한다.

<c:choose>
	<c:when test="${member.level == 'trial'}">
    ...
    </c:when>
	<c:when test="${member.level == 'regular'}">
    ...
    </c:when>
    <c:when test="${member.level == 'provider'}">
    ...
    </c:when>
    <c:otherwise>
    ...
    </c:otherwise>
</c:choose>

---

   2.3 <c:forEach> 태그 p. 303

forEach 태그는 배열, Collection 또는 Map에 저장되어 있는 값들을 순차적으로 처리할 때 사용한다.
자바의 for, do-while 등을 대신해서 사용할 수 있다.

- forEach 태그의 기본적인 사용방법

<c:forEach var="변수" items="아이템">
...
<tr>
	<td align="right" bgcolor="#ffffff">
	${변수사용}
</td>
...
</c:forEach>

items 속성에는 Map, 배열, Collection이 올 수 있다.
배열의 경우는 객체의 배열뿐만 아니라 기본 데이터 타입의 배열에 대해서도 알맞게 처리를 하며, 기본 데이터 타입은 Integer나 Double과 같은 래퍼 클래스를 사용해서 처리하게 된다.

---

forEach 태그를 사용해서 자바의 for 구문과 같은 효과 가능
begin 속성과 end 속성을 통해 범위를 지정해서 forEach 태그를 사용하면 된다.
ex) var 속성에 지정한 변수 i는 1부터 10까지의 값을 차례대로 갖게 된다.

<c:forEach var="i" begin="1" end="10">
	${i}사용
</c:forEach>

---

//JSTL
<c:forEach var="i" items="${intArray}">

</c:forEach>

//자바
int[] intArray = new int[3];

for(int i=0; i<3; i++){} // 일반적인 for문

for(int i : intArray){} // 향상된 for(배열에서만)

예시)

	<table border="1">
	<tr>
		<td>ID</td><td>비밀번호</td><td>주소</td><td>폰번호</td><td>이메일</td><td>이름</td><td>생일</td>
	</tr>
	<c:forEach var="list" items="${memlist}"> <!-- 반복한다. -->
		<tr>
		<td>${list.id}</td>
		<td>${list.password}</td>
		<td>${list.addr}</td>
		<td>${list.phone}</td>
		<td>${list.email}</td>
		<td>${list.name}</td>
		<td>${list.age}</td>
	</tr>
	</c:forEach>
	</table>

결과)

---

   2.4 <c:forTokens> 태그

java.util.StringTokenizer 클래스와 같은 기능을 제공하는 태그다.

<c:forTokens var="token" items="문자열" delims="구분자">
	${token}의 사용
</c:forTokens>

<c:forTokens var="color" items="red,green,blue" delims=",">
${color}
</c:forTokens>

---

3) URL 처리 태그

   3.1 <c:url> 태그

url 생성

<c:url value="URL" [var="varName"] [scope="영역"]
	<c:param name="이름" value="값" />
</c:url>

   3.2 <c:redirect> 태그

리다이렉트 처리

<c:redirect value="URL" [context="컨텍스트경로"]
	<c:param name="이름" value="값" />
</c:redirect>

<c:redirect url="http://search.daum.net/search">
	<c:param name="w" value="blog" />
    <c:param name="q" value="보라매 공원" />
</c:redirect>

---

4) 기타 코어 태그

   4.1 <c:out> 태그

JspWriter에 데이터를 출력할 때 사용되는 태그

<c:out value="value" [escapeXml="(true|false)"][default="기본값"] />

<c:out value="value" [escapeXml="(true|false)"]>기본값</c:out>

   4.2 <c:catch> 태그

발생된 익셉션을 EL 변수에 저장할 때 사용되는 태그

<c:catch var="exName">
...
익센션이 발생할 수 있는 코드
...
</c:catch>
...
${exName} 사용

---

12.3 국제화 태그 p. 315

특정 지역에 따라 알맞은 메시지를 출력해야 할 때 사용한다.
ex) 한글 브라우저에 접속하면 한글 메시지를 출력하고, 영문 브라우저에 접속하면 영문 메시지를 출력해야 할 때 국제화 태그를 사용한다.

1) 로케일 지정 태그

- <fmt:setLocale>: 국제화 태그들이 사용할 로케일을 지정한다.
- <fmt:requestEncoding>: 요청 파라미터의 캐릭터 인코딩을 지정한다.

2) 예제로 사용할 리소스 번들
3) 메시지 처리 태그
   3.1 <fmt:bundle> 태그와 <fmt:message> 태그
   3.2 <fmt:setBundle> 태그와 <fmt:message> 태그
   3.3 <fmt:message> 태그와 리소스 번들 검색 순서

---

4) 숫자 및 날짜 포맷팅 처리 태그 p. 324

- 숫자 출력과 파싱 관련: <fmt:formatNumber>, <fmt:parseNumber>
- 날짜 출력과 파싱 관련: <fmt:formatDate>, <fmt:parseDate>
- 시간대 설정 관련: <fmt:setTimeZone>, <fmt:timeZone>

---

   4.1 <fmt:formatNumber> 태그

숫자 양식에 맞춰 출력한다.
예제 12-13) use_number_tag.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head><title>numberFormat 태그 사용</title></head>
<body>

<c:set var="price" value="10000" />
<fmt:formatNumber value="${price}" type="number" var="numberType" />
<br/>
통화: <fmt:formatNumber value="${price}" 
            type="currency" currencySymbol="원" />
<br/>
퍼센트: <fmt:formatNumber value="${price}" 
            type="percent" groupingUsed="false" />
<br/>
숫자: ${numberType}
<br/>
패턴: <fmt:formatNumber value="${price}" pattern="00000000.00"/>
</body>
</html>
</body>
</html>

groupingUsed="true"이면 100단위로 ,가 찍힌다. (기본값 true)

---

   4.2 <fmt:parseNumber> 태그

예제 12-14) use_date_tag.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head><title>numberFormat 태그 사용</title></head>
<body>

<c:set var="now" value="<%= new java.util.Date() %>" />
<!-- ${now} -->
<fmt:formatDate value="${now}" type="date" dateStyle="full" /> <br>
<fmt:formatDate value="${now}" type="date" dateStyle="short" /> <br>
<fmt:formatDate value="${now}" type="time" /> <br>
<fmt:formatDate value="${now}" type="both" 
                dateStyle="full" timeStyle="full" /> <br>
<fmt:formatDate value="${now}" pattern="z a h:mm" /> <br>
<fmt:formatDate value="${now}" pattern="yyyy-MM-dd HH:mm:ss" />

</body>
</html>

MM: Month
mm: minute에 유의한다.

   4.3 <fmt:formatDate> 태그
   4.4 <fmt:parseDate> 태그
   4.5 <fmt:timeZone> 태그와 <fmt:setTimeZone> 태그

5) web.xml 파일에 국제화 관련 기본값 설정하기

12.4 함수

---

Ch. 13 이클립스를 이용한 웹 개발

책의 목차
01 이클립스 설치 및 실행하기

02 서버 실행 환경 설정하기

03 UTF-8 설정

04 웹 프로젝트 생성하기

05 JSP와 자바 코드 작성하기
5.1 JSP 추가하기
5.2 자바 코드 추가하기
5.3 jar 파일 추가하기 

06 서버를 이용해서 웹 어플리케이션 실행하기

07 배포할 WAR 파일 생성하기

---

13.1 이클립스 설치 및 실행하기 p. 337

13.2 서버 실행 환경 설정하기

13.3 UTF-8 설정

13.4 웹 프로젝트 생성하기

13.5 JSP와 자바 코드 작성하기
1) JSP 추가하기
2) 자바 코드 추가하기
3) jar 파일 추가하기 

데이터 연결 시킬 때 필요하다.
12장에서 JSTL을 사용하기 위해 jstl-1.2.jar 파일을 WEB-INF/lib 폴더에 복사했다.

13.6 서버를 이용해서 웹 어플리케이션 실행하기

Run As - Run on Server 메뉴를 실행한다.

13.7 배포할 WAR 파일 생성하기

---