[JSP] JSP, 서블렛, EL, JSTL에 대한 개념 정리

💬

Spring 환경에서 개발을 해야하는데 ‘아.. 이거랑 이거 차이가 뭐였지..?’ 싶은 개념을 빠르게 적립하고 넘어가고 싶은 분들을 위해 작성하였습니다!

인트로

이전 싸피 교육 과정을 통해 Spring MVC에 대한 내용이나, 스프링 부트 등을 배웠지만, 그 이후 프로젝트에서는 프론트엔드 쪽으로 더욱 깊게 들어갔습니다.

하지만 현재 저는 Spring Framework 환경에서 업무를 하고 있습니다. 풀스택..이라 하면 부끄럽지만, 아무튼 프론트단 부터 백엔드, SQL까지 건드리고 있습니다.

업무에 빠르게 적응하고 제 역할을 하기 위해선 배웠던 내용이나 업무에 활용하는 개념들을 리마인드 및 재정립 할 필요가 있다고 생각했고, 간단하게나마 내용들을 정리했었습니다.

취업 초반에 정리한 내용들을 본 본문에서 공유하고자 합니다.

JSP와 Sevlet

• JSP와 서블렛은 뗄수 없이 함께 등장하는 용어입니다.

• 우선 서블렛(Servlet)은 간단히 말하면 자바에서 실행하는 웹 코드입니다.
  • doGet 등의 메소드를 통해 진행되며,
  • out.println(”<h1>새미의 블로그</h1>”) 의 형태로 HTML 코드를 생성하고 있습니다.

• 반면 JSP는 HTML 코드로 작성하고, 사이사이에 자바 코드를 넣는 형식입니다.
  • 기본적인 작성이나 방식은 html 파일과 동일합니다.
  • 스클립틀릿(<% ~ %>) 을 통해 html 파일 내부에 자바 코드를 삽입할 수 있습니다.

    <h1>새미의 블로그</h1>
    
    <%
    	String name = "새미";
    %>

• 왜 두개로 나누어졌을까요?
  • 협업에 용이합니다.
    • 기존 서블릿의 경우 Java 코드에서 작성되므로, 디자이너나 퍼블리셔가 HTML 코드를 작성하기에 어려웠습니다.
    • JSP파일로 나눠질 경우, 퍼블리셔는 JSP 파일에서 코드를 작성하고 개발자는 Back단 로직에만 집중 할 수 있어 협업에 용이하게 됩니다.
  • 코드 가독성이 높아집니다.
    • Java 코드에서 HTML을 out.println() 방식으로 작성하는 것과, HTML 코드 사이에 Java 코드를 넣는 것은 차이가 크겠죠?
    • JSP를 통해 코드 가독성이 높아집니다.

• 이를 표로 정리하면 다음과 같습니다.

  	파일 형식	설명	방법	중시하는 것
  Servlet	.java	자바에서 작성하는 HTML 코드	out.println()	Login (로직)
  JSP	.jsp	HTML에 넣는 자바 코드	<% ~ %>	Presentation (디자인, 표현)

그럼 어떻게 JSP가 실행될 수 있죠?

그 이유는 JSP Contatiner에 의해, JSP가 서블릿으로 변환되기 때문입니다.

그림이 다소 🐶 판이지만 ㅎㅎ

위의 흐름을 보면 특정 유저가 23log.tistory.com/index 으로 요청을 보냈다고 합시다. 그러면 JSP 컨테이너는 Controller가 지정한 파일(index.jsp) 파일을 찾아 읽게됩니다.

이때 index.jsp 파일 내부에 다양한 if 조건문 이나 변수 들을 사용했다면? JSP 컨테이너는 이를 우선적으로 계산하거나 할당하여 다시 하나의 파일을 생성하게 되고, 이를 바탕으로 서블릿 파일을 생성합니다.

네! 바로 java코드로 작성된 java파일을요! 그럼 이제 해당 java 파일을 읽을 수 있으므로, 자바는 컴파일한 뒤 실행하게 됩니다.

중요한 포인트는 JSP로 작성된 파일은, JSP Container에 의해 서블릿(.java) 파일로 변환되어 실행된다. 는 점입니다!

JSP 작성을 도와주는 녀석들, EL, JSTL에 대하여

EL(Expression language)

• Expression language 로 JSP 2.0부터 추가된 개념

• 자바 빈의 속성 값을 보다 쉽게 꺼내 쓸 수 있는 도구

종류

• ${ } : JSP가 실행될 때 즉시 반영된다. (Immediate evaluation)
  • 객체 프로퍼티 값을 꺼낼때 주로 사용

  #{ }

  • 시스템에서 필요하다고 판단될 때 그 값을 사용한다. (Deferred evaluation) 사용자 입력값을 객체의 프로퍼티에 담는 용도로 주로 사용

• ${변수명}으로 선언하여, 다양한 연산자(산술, 비교, empty)를 사용 할 수 있는 도구
  • ${fn:} 등을 통해 함수 사용 가능
  • HTML
    • <span>${prod.brndNm}</span> : 프론트단 노출 용도
  • javascript
    • "${prod.brndNm}"
    • JS에선 “” 안에 넣어서 사용한다.

사용의 이점?

• 원래의 경우 리퀘스트와 세션안에 있는 데이터를 받아오기 위해, <% 스크립틀릿 %>안에서 받아오는 처리를 수행해야 한다.

  // 최상단에서 값을 할당하고
  <%
      Student loginMember = (Student) session.getAttribute("student");
      Student student = (Student) request.getAttribute("student");
  %>
  
  // 필요할 때 객체로서 get메소드로 호출
  <input type='text' name='age' value='<%=student.getAge()%>' readonly>
  
  // 스크립틀릿을 이용하여 작성함
  <%
  if(loginMember != null && "admin".equals(loginMember.getStudentNo())) {
  %>
      <p><%=student.getStudentNo()%></p>
  <%
      }
  %>

  • 즉, EL이 없으면 <% 스크립틀릿 %>으로 값을 가져오고, 할당하고 하는 등의 과정이 필요함

• EL이 도입되면?
  • 객체 할당과 같은 과정 없이, 바로 ${student.name} 만 작성하여 사용이 가능함
  • <%%> 객체 할당 과정이나, <%= 변수명 %>과 같은 과정을 하나로 압축 할 수 있다.

JSTL

• JSTL (Jsp Standard Tag Library)

• JSTL = JSTL + EL의 조합을 의미한다.

• HTML내의 스크립틀릿을 편하게 변환하여 준다.

  <%= value> → ${value}

  <%= if> → <c:if>

  <%= for> → <c:forEach>

• JSTL은 JSP페이지 내에서 java코드를 사용하지 않고 로직을 내장하는 방법을 제공한다.

사용의 이점?

• 스클립틀릿으로 분기 처리를 하게 되면?

  <%
  	if(count > 10){
  %>
  		<h1>횟수가 초과되었습니다.</h1>
  <%
  	}
  %>

• 이를 JSTL로 표현하면?

  <c:if test="${count > 10}">
  		<h1>횟수가 초과되었습니다.</h1>
  </c:if>

사용법

• core를 header에 추가한다.

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

• 필요한 JSP 태그를 사용한다.

  <c:if test=""></c:if>
  <c:forEach items=""></c:forEach>

  태그명	설명
  <c:set>	변수명에 값을 할당
  <c:out>	값을 출력
  <c:if>	조건식에 해당하는 블럭과 사용될 scope설정
  <c:choose>	다른 언어의 switch와 비슷
  <c:when>	switch문의 case에 해당
  <c:otherwise>	switch문의 default에 해당
  <c:forEach>	다른언어의 loop문 items 속성에 배열을 할당할 수 있음

참조

최종 정리

	설명
JSP	HTML안에 스크립틀릿으로 Java 코드를 넣은 파일
EL	JSP에서 객체의 값을 쉽게 뽑아주는 기능
JSTL	JSP에서 자주 사용하는 스크립틀릿을 하나의 태그로 묶은 라이브러리
Servlet	자바가 실행할 수 있는 웹 코드(.java)

🗣

과거에 간략하게나마 정리했던 내용이라, 부족한 부분이나 틀린 정보가 있을 수 있습니다. 댓글로 말씀해주시면 수정하도록 하겠습니다! :D