[WEB] 06. View의 가독성을 올려주는 3가지 방법

 

 

MVC를 나누는 과정에 있어서 View파트는 대체로 외주를 맡기는데

View 코드에 java가 들어있으면 디자이너들은 어려워 할 수 밖에 없다.

 

 

이를 해결할 수 있는 View코드에서 java를 빼고 가독성을 올려줄 수 있는 3대장이 있다.

 

 

 

1. EL문 (${}, #{}) 

 

선언을 줄여주기위해 사용한다.

프론트 view에서 별다른 지시어나 import없이 사용 가능하다.

 

ex)

<% data.getNum() %> == ${data.num}

 

 

 

2. JSTL (JavaServer pages standard Tag Library)

 

제어문 대신에 사용하는 라이브러리이다.

사용하기전 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 페이지 지시어를 선언해야한다.

 

ex) 

<c:forEach var="data" items="${datas}">  == for(ProductDTO data:(ArrayList<ProductDTO>)request.getAttribute("datas"))

<c:choose> 쿠팡에서 베이지 블랙 신발 한페이지에 나타나는데 사용자의 입력값에 따라 보여지는 창이 다를때(한 페이지)
<c:when test="조건식1"></c:when>
<c:when test="조건식2"></c:when>
<c:otherwise></c:otherwise> <!-- else역할을 함 -->

3. 커스텀 태그

로직을 제거하기 위해 사용한다.
태그를 저장할 폴더를 WEB-INF하위에 만들고 함수화 처럼 저장해서 다른 클래스에서 빼서 쓸 수 있다.

 

그 후 페이지 지시어 <%@ taglib tagdir="/WEB-INF/tags" prefix="mytag" %> 를 추가해서

사용할 수 있다.

 

ex)

<div id="login">
   <mytag:login member="${member }"></mytag:login> <!-- 로그인,로그아웃,회원가입 여기있어 -->
</div>