EL/JSTL

EL ( Expression Language )

Expression Language(표현 언어)는 값을 표현하는 데 사용되는 스크립트 언어로, JSP의 기본 문법을 보완하는 역할을 한다.

JSP에는 Java 코드와 markup 요소들이 섞여있다. 그러다보니 프론트엔드 개발자, 디자이너들도 쉽게 볼 수 있는 코드에 대한 needs가 있었고, 프론트엔드와 백엔드 사이에 어떻게 하면 효율적으로 일들을 나눌 수 있을 것인가라는 고민이 있었다.

이를 위해 Java 코드보다 더 간단하고 직관적으로 사용할 수 있는 형태로 나온 것이 EL이다.

EL이 제공하는 기능들은 다음과 같다.

• JSP의 스코프(scope)에 맞는 속성 사용 각 scope의 변수들을 손쉽게 사용할 수 있다.

• (Framework에서 제공하는)집합 객체에 대한 접근 방법 제공

• 수치 연산, 관계 연산, 논리 연산자 제공

• Java 클래스 메소드 호출 기능 제공

• EL만의 기본 객체 제공

• <%= i %>
  • JSP에서의 값 표기법이며, i는 변수입니다.
• ${ i }
  • EL에서의 값 표기법이며, i는 이름입니다

객체 Scope에서 애트리뷰트의 이름이 같을 경우, Scope가 작은 범위에서 큰 범위로 해당 이름이 존재하는지 찾습니다.

예를 들어, request scope에 A 애트리뷰트가 있고 session scope에 동일한 이름의 A 애트리뷰트가 있을 때,

${ A }의 결과는 request scope에 있는 A 애트리뷰트의 값이 출력될 것입니다.

EL 표기법에서 파라미터의 값은 param 키워드를 통해 가져올 수 있습니다.

또한 JSP 값 표기법에서 파라미터는 문자열이지만, EL에서 숫자는 숫자로, 문자열은 문자열로 인식합니다.

예를 들어, 클라이언트로부터 localhost:8080/testing/test.sjp?a=10 으로 요청이 올 때,

test.jsp 파일에서 아래와 같이 작성하면,

<%= request.getParameter("a") + 100 %>    JSP => 10100
${param.a + 100 }                         EL  => 110

JSP 값 표기법에서는 a가 문자열이기 때문에 10100이 되지만,

EL 표기법에서는 10을 정수형으로 인식하기 때문에 110이 됩니다.

EL 표기법에서는 자주 사용될 수 있는 객체들을 미리 정의해놓았습니다.

내장 객체

각 객체 Scope에 접근할 수 있었던 이유는 EL 표기법에서 내장 객체를 제공하기 때문입니다.

JSTL ( JavaServer Pages Standard Tag Library )

JSP 파일 안에 HTML 문법과 Java 문법이 섞여 있는 상태에서는, 태그에 익숙한 프론트 개발자들은 코드를 읽기가 불편하다는 문제점이 있었다. 이를 해결하기 위해 등장한 것이 JSTL(JSP Standard Tag Library)이다. 태그를 통해 JSP 코드를 관리하는 라이브러리로서, JSP의 가독성이 좋아진다

라이브러리이기 때문에 JSTL을 사용하려면, 라이브러리를 다운로드 해서 추가해야 합니다.

그리고 JSP 페이지에서 아래의 세 줄을 맨 위에 작성해야 해야 JSTL 문법을 사용할 수 있습니다.

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

태그의 종류에는 core , format , function , xml , sql 이 있습니다.

1) set

변수생성 <c:set var="변수명" value="값" [scope="영역"]/>
var : EL 변수의 이름
value : 실제 값을 지정
scope : 변수를 저장할 영ㅇㄱ

<c:set var="count" value="${fn:length(list)}"/>
=>count라는 이름으로 사용 할 수 있다.

2) if

분기 <c:if test = "true"> 항상 실행된다. </c:if>
if는 조건이 한 개인 경우만 사용이 가능하다.
if - else 사용은 불가하며, choose 태그로 대체한다.

3) choose

if-else에서 else 부분 해결을 위한 switch같은 태그
<c:choose>
  <c:when test="조건1">
    ...
  </c:when>
  <c:when test="조건2">
    ...
  </c:when>
  <c:otherwise>
    ...
  </c:otherwise>
</c:choose>

여기서 test라는 예약어가 있는데 HTML요소의 attribute같은 존재이며 변경불가하다.
ex) <c:when a="조건1">이렇게 쓰는 것이 불가능하다.
    (if에서도 마찬가지다.)

4) foreach

5) import

include를 JSTL로 바꾸면 다음과 같다.
<jsp:include page="/WEB-INF/views/includes/header.jsp"/>

<c:import url="/WEB-INF/views/includes/header.jsp"/>

import할 때 파라미터를 넘겨줄 수 있다.
또한 JSTL내에서는 HTML주석을 사용할 수 없다.
=> JSP 주석을 사용할 것
<c:import url="/WEB-INF/views/includes/navigation.jsp"/>
   <%-- navigation.jsp에게 파라미터를 넘겨줄 수 있다.--%>
   <!-- navigation.jsp에게 파라미터를 넘겨줄 수 있다.-->    ERROR
   <c:param name="menu" value="main"/>
</c:import>

6) 날짜 format

<fmt:parseDate value='${ vo.regDate }' var='regDate' pattern="yyyy-MM-dd H:m" />
<td><fmt:formatDate value="${ regDate }" pattern="MM월dd일 H:m"/></td>

• vo.regDate는 MySQL의 Datetime 타입의 값이라고 가정합니다.
• Datetime은 2018-03-17 11:48:33 의 format을 갖는데, 이를 JSP에서 그대로 사용하는 것은 보기가 안좋으므로 “03월17일 11:48”의 format으로 바꾸는 예제입니다.
• 검색을 하시면 더 많은 pattern이 있으므로 참고하시면 될 것 같습니다.

7) split

<c:set var="phone" value="${ fn:split(userVO.phone , '-') }" />

• 문자열을 구분자에 따라 배열로 만드는 함수입니다.
• 예를 들어, 핸드폰번호 010-1111-1111 이라는 문자열이 있을 때 하이픈 “-“를 기준으로 파싱하고 싶을 때 사용합니다.

8) 합계

<c:set var ="total" value = "0" />

<c:forEach var="price" items="${prices}">
    <c:set var= "total" value="${ total + price }"/>
</c:forEach>

<c:out value="${total}"/>

9) 개행처리

데이터를 추가할 때 textarea로 입력된 값은 개행처리가 되어 DB에 저장되어 있습니다.

그런데 서버로부터 데이터를 불러와 JSP에 값을 출력 해보면 개행처리가 되지 않습니다.

이를 해결하기 위해서는 pageContext와 더불어 JSTL replace 함수를 사용하면 됩니다.

<%
    pageContext.setAttribute("newLine", "\n");
%>

<td align="center">
    ${fn:replace(productVO.info, newLine, '<br>') }
</td>

10) JSTL 적용 전과 적용 후 비교 ( 1 )

11) JSTL 적용 전과 적용 후 비교 (2)

JSP 파일에 스클립틀릿 <% %>을 사용하는 것보다, JSTL과 EL 사용을 권장합니다.

그 이유는 <% %>을 사용하면 HTML 태그를 들여쓰기 할 때 가독성이 떨어지기 때문입니다.

그리고 개발자 입장에서도 나중에 Spring 프레임워크에서도 JSTL/EL 표기법을 사용하는데, JSTL/EL을 사용하는 것이 데이터를 사용함에 있어 훨씬 효율적입니다.