반응형
01. EL(Expression Language)의 개념
1) EL의 개념
- (표현식 언어) - 출력전용언어
- jsp1에서 사용한 언어와는 다른 언어임
// => 앞에 코드는 자바코드를 추가하기 위해 사용한 언어라면, 앞으로 배울 언어는 JSP에서 출력할 때 사용할 언어들임
// => 따라서 EL언어의 내장객체 와 JSP1에서 사용한 내장객체는 다름!!
// => 단 EL의 pageContext내장객체는 JSP의 pageContext내장객체와 동일함
//JSP1
<% %>
<%= %>- EL을 제공해주는 곳 : apache Tomcat의 라이브러리 중 el-api.jar 파일 있어서 EL 사용 가능한 것
2) EL(Expression Language)
EL의 개념
- "스코프 (Scope)가 제공하는 속성값"으로 저장된 객체를 제공받아 클라이언트에게 전달하여 출력하기 위한 언어
EL의 특징
- 특정 Scope에 명시된 속성(Attribute)에 property나 property를 좀 더 쉽게 표현하고 나온 것
EL 사용 시 주의
- 변수값을 출력하는 것이 아닌, session 이나 request scope에 저장된 속성값을 출력할 때 이용하는 것!!!
<%
int no = 1;
%>
<p><%=no%></p> //ok
<p>${no}</p> //no
EL의 표현식
02. Page Scope 이용
1) Scope 속성값으로 문자열(값)을 저장해서 EL 태그 사용하기
🖤basic_string.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
//pageContext.setAttribute(String attribute, Object attributeValue):
//=> pageContext 내장객체에 속성명(문자열)과 속성값(객체)을 전달받아 저장하는 메소드 - Page Scope
// Page Scope : 스코프 속성값을 저장한 웹프로그램에서만 객체를 반환받아 사용 가능
pageContext.setAttribute("name", "홍길동");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MVC</title>
</head>
<body>
<h2>EL 미사용</h2>
<%
//pageContext.getAttribute(String attribute) : pageContext 내장객체에 저장된 속성값을
//속성명을 이용하여 객체로 반환하는 메소드
// => Object 타입의 객체로 반환하므로 반드시 명시적 객체 형변환하여 사용
String name = (String)pageContext.getAttribute("name");
//전달받은 속성명에 대한 속성값이 없는 경우 null 반환
String pageName = (String)pageContext.getAttribute("pageName");
%>
<p>이름(name) = <%=name %></p>
//<%-- JSP 표현식에서는 출력값이 [null]인 경우 "null" 문자열로 변환되어 출 --%>
<p>이름(pageName) = <%=pageName %></p>
//<%-- if 명령을 사용하여 JSP 표현식의 값이 [null]이 아닌 경우에만 출력되도록 설정필요 --%>
<p>이름(pageName) = <%if(pageName!=null){%> <%=pageName %> <%} %></p> <h2>EL 사용</h2>
//<%-- ${속성명} : EL 표현식으로 스코프의 속성명을 사용하면 속성값을 제공받아 사용 가능 --%>
//<%-- getAttribute()메소드를 호출하지 않아도 스코프의 속성값을 제공받아 사용 가능 --%>
<p>이름(name) = ${name}</p>
//<%--스코프 속성명으로 저장된 속성값이 없는 경우 EL 미실행 - 속성값 미출력 --%>
<p>이름(pageName) = ${pageName}</p>
</body>
</html>
2) Scope 속성값으로 자바빈 객체를 저장해서 EL 태그 사용하기
🖤Car.java
package xyz.itwill.el;
public class Car {
private String modelName;
private String carColor;
public Car() { }
public Car(String modelName, String carColor) { super(); this.modelName = modelName; this.carColor = carColor;}
public String getModelName() { return modelName;}
public void setModelName(String modelName) { this.modelName = modelName;}
public String getCarColor() { return carColor;}
public void setCarColor(String carColor) { this.carColor = carColor;}
}🖤basic_car.jsp
<%@page import="xyz.itwill.el.Car"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
//pageContext 내장객체에 Car 객체를 속성값으로 저장
pageContext.setAttribute("car", new Car("산타페","하얀색"));
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MVC</title>
</head>
<body>
<h2>EL 미사용</h2>
<%
//pageContext 내장객체에 저장된 속성값을 Car 객체로 반환받아 저장
Car car = (Car)pageContext.getAttribute("car");
//전달받은 속성명에 대한 속성값이 없는 경우 null 반환
//=> 참조변수에 [null]이 저장된 상태에서 메소드를 호출하면 NullPointerException 발생
//Car car = (Car)pageContext.getAttribute("pageCar");
//객체의 필드값을 반환받아 저장
String modelName = car.getModelName();
String carColor = car.getCarColor();
%>
<p>자동차(car) = <%=car %></p>
<p>자동차모델명(modelName) = <%=modelName %></p>
<p>자동차색상(carColor) = <%=carColor %></p> <h2>EL 사용</h2>
<p>자동차(car) = ${car}</p>
//<%-- EL 표현식으로 제공받은 객체의 메소드 호출 가능 - 비권장 --%>
//<%-- <p>자동차모델명(modelName) = ${car.getModelName()}</p> --%>
//<%-- 스코프 속성값이 객체인 경우 ${속성명.필드명} 형식의 표현식을 사용하여 객체의 필드값을 제공받아 출력 가능 --%>
//<%-- => EL 표현식으로 필드명을 사용하면 Getter 메소드 자동 호출 --%>
//<%-- => Getter 메소드 작성 규칙에 맞지 않게 선언된 경우 또는 Getter 메소드가 없는 경우 에러 발생 --%>
<p>자동차모델명(modelName) = ${car.modelName}</p>
<p>자동차색상(carColor) = ${car.carColor}</p>
//<%-- EL 표현식의 속성명으로 제공되는 속성값이 없는 경우 EL 미실행
//- NullPointerException 미발생 --%>
<p>자동차모델명(modelName) = ${pageCar.modelName}</p>
</body>
</html>
3) Scope 속성값으로 Map객체를 저장해서 EL 태그 사용하기
- 따로 Car클래스 만들 필요없음 값만을 저장할 목적의 VO클래스를 만드는 대신 Map을 이용해 사용
- 그래서 어떤 개발자들은 VO클래스 절대 안만들고, 대신 Map 객체 이용함
🖤basic_map.jsp
<%@page import="java.util.HashMap"%>
<%@page import="java.util.Map"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
//HashMap 객체(Map 객체)를 생성하여 저장
Map<String, String> carMap = new HashMap<String, String>();
//HashMap 객체(Map 객체)에 엔트리(Entry: 이름과 값을 하나의 묶음으로 표현한 요소)를 추가하여 저장
carMap.put("modelName", "싼타페");
carMap.put("carColor", "하얀색");
pageContext.setAttribute("carMap", carMap);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MVC</title>
</head>
<body>
<h2>EL 미사용</h2>
<%
//pageContext 내장객체에 저장된 속성값을 객체로 반환받아 저장
//@SuppressWarnings : 프로그램 소스코드에서 발생되는 경고를 제거하는 어노테이션
//=> value 속성값으로 경고의 종료를 설정 - 다른 속성이 없는 경우 속성값만 설정 가능
@SuppressWarnings("unchecked")
Map<String, String> car = (Map<String, String>)pageContext.getAttribute("carMap");
%>
<p>자동차 = <%=car%></p>
//<%-- Map 객체에 저장된 엔트리(Entry)에서 맵키(Key)를 이용하여 맵값(Value)을 반환받아 출력 --%>
<p>자동차의 모델명 = <%=car.get("modelName")%></p>
<p>자동차의 색상 = <%=car.get("carColor")%></p> <h2>EL 사용</h2>
<p>자동차 = ${carMap}</p>
//<%-- 스코프 속성값이 Map 객체인 경우 ${속성명.맵키} 형식의 표현식을 사용하여 Map 객체에 저장된 엔트리의 맵값을 제공받아 출력 --%>
//<%-- => EL 표현식에서 맵키를 사용하면 Map 객체의 get()메소드가 자동 호출되어 맵값 반환 --%>
<p>자동차의 모델명 = ${carMap.modelName }</p>
<p>자동차의 색상 = ${carMap.carColor }</p>
</body>
</html>
03. 반드시 [ ]연산자 사용하는 경우
- 리스트나 배열의 요소에 접근할 때 - Array객체 , List객체
- Map에서 표현 불가능한 문자가 맵키로 있을 때
- SCOPE 객체의 속성값을 Map키로 제공 받았을 때
- 배열의 요소값을 표현할 경우 .연산자 사용 못하므로 [ ]연산자 이용
<li>${nameArray["0"] }</li> //error
<li>${nameArray[0] }</li> //ok
1) Request Scope에 [문자열(값) - Array객체] 저장해 사용
🖤 string_array.jsp - 요청페이지
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String[] nameArray = {"홍길동","임꺽정","전우치","일지매","장길산"};
request.setAttribute("nameArray", nameArray);
request.getRequestDispatcher("string_array_el.jsp").forward(request, response);
%>🖤 string_array_el.jsp - 응답페이지
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MVC</title>
</head>
<body>
<h1>EL -Array</h1>
<hr />
<ul>
//<%-- 스코프 속성값이 배열인 경우 배열 요소값을 표현하기 위해 EL 표현식에서 . 연산자로
//첨자(Index)를 표현한 경우 ELException 발생 - . 연산자 사용 불가능 --%>
//<%-- <li>${nameArray.0 }</li> --%>
//<%-- 스코프 속성값이 배열인 경우 배열 요소값을 표현하기 위해 EL 표현식에서 [] 연산자로
//첨자(Index)를 표현하여 요소값을 제공받아 출력 --%>
//<%-- <li>${nameArray["0"] }</li>--%> <%--첨자는 "" 기호 생략 가능 --%>
//<%-- for문을 사용하려면 스크립틀릿을 사용해야하므로 우선 그냥 작성 --%>
<li>${nameArray[0] }</li>
<li>${nameArray[1] }</li>
<li>${nameArray[2] }</li>
<li>${nameArray[3] }</li>
<li>${nameArray[4] }</li>
//<%--EL로 표현식에서 첨자가 배열 요소의 범위를 벗어난 경우 EL 미실행 - 미출력될 뿐 에러나지 않음 --%>
<li>${nameArray[5] }</li>
</ul>
</body>
</html>
2) Request Scope에 [자바빈객체 Student클래스 - List객체 ] 저장해 사용
- List자료구조의 요소값을 표현할 경우 .연산자 사용 못하므로 [ ]연산자 이용
<p>학번 = ${studentList.0.num }, 이름 = ${studentList.0.name }</p> //error
<p>학번 = ${studentList[0].num }, 이름 = ${studentList[0].name }</p> //ok🖤 Student.java - VO클래스
package xyz.itiwll.el;
public class Student {
private int num;
private String name;
public Student() { }
public Student(int num, String name) { super(); this.num = num; this.name = name; }
public int getNum() { return num; }
public void setNum(int num) { this.num = num; }
public String getName() { return name; }
public void setName(String name) { this.name = name; }
}🖤 student_list.jsp - 요청페이지
<%@page import="java.util.ArrayList"%>
<%@page import="xyz.itwill.el.Student"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<%
List<Student> studentList = new ArrayList<Student>();
studentList.add(new Student(1000,"홍길동"));
studentList.add(new Student(2000,"임꺽정"));
studentList.add(new Student(3000,"전우치"));
studentList.add(new Student(4000,"일지매"));
studentList.add(new Student(5000,"장길산"));
request.setAttribute("studentList", studentList);
request.getRequestDispatcher("student_list_el.jsp").forward(request, response);
%>🖤 student_list_el.jsp - 응답페이지
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MVC</title>
</head>
<body>
<h1>EL - List</h1>
<hr />
//<%-- EL 표현식에 . 연산자로 첨자를 표현하면 ELException 발생 --%>
//<%-- <p>학번 = ${studentList.0.num }, 이름 = ${studentList.0.name }</p>--%>
//<%-- <p>학번 = ${studentList[0]["num"] }, 이름 = ${studentList[0]["name"] }</p> --%>
<p>학번 = ${studentList[0].num }, 이름 = ${studentList[0].name }</p>
<p>학번 = ${studentList[1].num }, 이름 = ${studentList[1].name }</p>
<p>학번 = ${studentList[2].num }, 이름 = ${studentList[2].name }</p>
<p>학번 = ${studentList[3].num }, 이름 = ${studentList[3].name }</p>
<p>학번 = ${studentList[4].num }, 이름 = ${studentList[4].name }</p>
</body>
</html>
3) Request Scope에 [Map객체 ] 저장해 사용
- Map에서 표현 불가능한 문자가 맵키로 있을 때
<p>이름 = ${hewonMap.first.name } ${hewonMap.second.name }</p> //error
<p>이름 = ${hewonMap["first.name"] } ${hewonMap["second.name"] }</p> //ok🖤 hewon_map.jsp - 요청페이지
<%@page import="java.util.HashMap"%>
<%@page import="java.util.Map"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
Map<String, String> hewonMap = new HashMap<String, String>();
hewonMap.put("first.name", "홍");
hewonMap.put("second.name", "길동");
request.setAttribute("hewonMap", hewonMap);
request.getRequestDispatcher("hewon_map_el.jsp").forward(request, response);
%>🖤 hewon_map_el.jsp - 응답페이지
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MVC</title>
</head>
<body>
<h1>EL - Map</h1>
<hr />
//<%-- 스코프 속성값으로 Map 객체가 저장된 경우 맵키가 EL 표현식으로 사용하기 부적절한
//문자가 존재할 경우 . 연산자로 맵값을 제공받아 출력 불가능 --%>
//<%-- <p>이름 = ${hewonMap.first.name } ${hewonMap.second.name }</p>--%>
//<%-- 스코프 속성값으로 Map 객체가 저장된 경우 맵키가 EL 표현식으로 사용하기 부적절한
//문자가 존재할 경우 [] 연산자로 맵키를 표현하여 맵값을 제공받아 출력 --%>
<p>이름 = ${hewonMap["first.name"] } ${hewonMap{"second.name"] }</p>
</body>
</html>
4) Request Scope에 [Map객체 ] 저장해 사용
- SCOPE 객체의 속성값을 Map키로 제공 받았을 때
<p>좋아하는 과일 = ${fruitsMap.choice }</p> //error
<p>좋아하는 과일 = ${fruitsMap[choice] }</p> //ok🖤fruits_map.jsp - 요청페이지 (다른 속성값을 Map키로 제공받았을 때)
<%@page import="java.util.HashMap"%>
<%@page import="java.util.Map"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
Map<String, String> fruitsMap = new HashMap<String, String>();
fruitsMap.put("one", "딸기");
fruitsMap.put("two", "복숭아");
fruitsMap.put("three", "사과");
request.setAttribute("fruitsMap", fruitsMap);
request.setAttribute("choice", "two");
request.getRequestDispatcher("fruits_map_el.jsp").forward(request, response);
%>🖤 fruits_map_el.jsp - 응답페이지
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MVC</title>
</head>
<body>
<h2>EL - Map</h2>
<hr />
<p>과일-1 = ${fruitsMap.one }</p>
<p>과일-1 = ${fruitsMap.two }</p>
<p>과일-1 = ${fruitsMap.three }</p>
<p>좋아하는 과일 = ${fruitsMap.two }</p>
<p>좋아하는 과일 = ${fruitsMap["two"] }</p>
//<%-- 스코프 속성값이 Map 객체인 경우 맵키를 이용하여 맵값을 제공받아 출력 가능 --%>
//<%-- => 맵키에 해당하는 맵값이 없는 경우 EL 미실행 --%>
//<%-- <p>좋아하는 과일 = ${fruitsMap.choice }</p>--%>
//<%-- EL 표현식에서 [] 연산자를 이용하여 다른 스코프 속성값을 제공받아 맵키로 표현하여 맵값 출력 가능 --%>
//<%-- two를 맵키로 제공받음 , 단 ""사용 안함 --%>
<p>좋아하는 과일 = ${fruitsMap[choice] }</p>
</body>
</html>
04. Request Scope 이용
1) requestScope이용할 것임
- 반드시 요청페이지 실행해야 응답페이지에서 실행결과를 알려줌
2) Member.java - VO클래스
package xyz.itwill.el;
public class Member {
private String name;
private Car car;
public Member() { }
public Member(String name, Car car) { super(); this.name = name; this.car = car;}
public String getName() {return name;}
public void setName(String name) {this.name = name;}
public Car getCar() {return car;}
public void setCar(Car car) {this.car = car;}
}
3) member.jsp - 요청페이지
<%@page import="xyz.itwill.el.Member"%>
<%@page import="xyz.itwill.el.Car"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
//<%--Member 객체를 생성하여 Request Scope 속성값으로 저장하고 다른 웹프로그램(JSP)로
//포워드 이동하는 JSP 문서 - 요청을 처리하는 웹프로그램(Model의 역할)--%>
<%
Member member =new Member("홍길동", new Car("싼타페","하얀색"));
//request 내장객체에 Member 객체를 속성값으로 저장 - Request Scope
//Request Scope : 스코프 속성값을 저장한 웹프로그램과 스레드가 이동된 웹프로그램에서만
//속성값을 객체로 반환받아 사용 가능
request.setAttribute("member", member);
//포워드 이동 : 현재 웹프로그램의 명령을 실행하는 스레드를 다른 웹프로그램으로 이동시켜
//명령을 실행하도록 제공하는 기능
//=> 스레드가 이동되는 웹프로그램에서는 현재 웹프로그램의 request 객체와 response 객체를 전달받아 사용
request.getRequestDispatcher("member_non_el.jsp").forward(request, response);
//request.getRequestDispatcher("member_el.jsp").forward(request, response);
%>
4) member_non_el.jsp - 응답페이지
<%@page import="xyz.itwill.el.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
//<%-- 요청 페이지(member.jsp)의 Request Scope 속성값을 객체로 반환받아 클라이언트에게 전달하는 JSP 문서--%>
//<%-- => 요청페이지(member.jsp)에 대한 실행 결과를 제공받아 응답 처리하는 웹프로그램 (View의 역할) --%>
//<%-- => 응답페이지(member_non_el.jsp)를 요청한 경우 Request Scope 속성값이 없으므로 NullPointerException 발생 --%>
<%
//Request Scope 속성값을 객체로 반환받아 저장
Member member = (Member)request.getAttribute("member");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MVC</title>
</head>
<body>
<h2>EL 미사용</h2>
<p>회원 = <%=member %></p>
<p>회원의 이름 = <%=member.getName() %></p>
<p>회원의 자동차 = <%=member.getCar() %></p>
<p>회원의 자동차의 모델명 = <%=member.getCar().getModelName() %></p>
<p>회원의 자동차의 색상 = <%=member.getCar().getCarColor() %></p>
</body>
</html>
5) member_el.jsp - 응답페이지
<%@page import="xyz.itwill.el.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
//<%-- 요청 페이지(member.jsp)의 Request Scope 속성값을 객체로 반환받아 클라이언트에게 전달하는 JSP 문서--%>
//<%-- => 요청페이지(member.jsp)에 대한 실행 결과를 제공받아 응답 처리하는 웹프로그램 (View의 역할) --%>
//<%-- => 응답페이지(member_el.jsp)를 요청한 경우에도 EL이 미실행될 뿐 NullPointerException 미발생 --%><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MVC</title>
</head>
<body>
<h2>EL 사용</h2>
<p>회원 = ${memeber }</p>
<p>회원의 이름 = ${member.name}</p>
<p>회원의 자동차 = ${member.car }</p>
<p>회원의 자동차의 모델명 = ${member.car.modelName }</p>
<p>회원의 자동차의 색상 = ${member.car.carColor }</p>
<hr />
//<%-- EL 표현식에서 . 연산자 대신 [] 연산자를 이용하여 필드명(맵키)으로 필드값(맵값)을 제공받아 출력 --%>
//<%-- => []연산자에 필드명(맵키) 사용시 반드시 ""으로 표현 --%>
<p>회원의 이름 = ${member["name"]}</p>
<p>회원의 자동차의 모델명 = ${member["car"]["modelName"] }</p>
<p>회원의 자동차의 색상 = ${member["car"]["carColor"] }</p>
</body>
</html>
반응형
'jsp' 카테고리의 다른 글
| [jsp] 26. filter클래스 만드는법 (context-param VS init-param) (0) | 2024.07.16 |
|---|---|
| [jsp] 25. EL의 내장객체 (0) | 2024.07.16 |
| [jsp] 23. 웹사이트 제작법9_ 회원 관리 페이지 제작 (feat. JSP) (0) | 2024.07.15 |
| [jsp] 22. 웹사이트 제작법8_ 다중 답변형 게시판 페이지 제작 (feat. JSP) (1) | 2024.07.14 |
| [jsp] 21. 웹사이트 제작법7_ 제품목록, 장바구니,구매목록 페이지 제작 (feat. JSP) (0) | 2024.07.14 |
