JSP 페이지의 구성 요소

JSP 페이지의 구성 요소

1. 기본 코드 구조

  • 설정 부분
<%@ page contentType="text/html; charset=euc-kr" %>
  • 생성 부분
<html>
<head><title>HTML 문서의 제목</title></head>
<body>
  <%
    String name = "홍길동";
    int age = 20;
  %>
  <b><%=name%></b> (<%=age%>) 세 입니다.
</body>
</html>
  • 설정부분
    • jsp 페이지에 대한 설정 정보 지정
      • jsp 페이지가 생성하는 문서의 타입
      • jsp 페이지에서 사용할 커스텀 태그
      • jsp 페이지에서 사용할 자바 클래스 지정
      • <%@ page.. %>
        • page 디렉티브
        • jsp페이지에 대한 정보를 나타낼 때 사용
  • 생성부분
    • html 코드 및 jsp 스크립트

2. jsp 페이지의 구성 요소

  • 디렉티브 : 지시어
  • 스크립트 : 스크립트릿, 표현식, 선언부
  • 기본객체 : response, request, out, session 등
    • 별도의 선언 과정 없이 사용가능한 내장 객체
  • 정적 데이터
  • 표준 액션 태그
    • XML의 태그와 같은 모양을 취하며, jsp페이지에서 특별한 기능을 제공
  • 표현언어(Expression Language)
    • 스크립트릿과 표현식 대신에 쉽고 간단하게 사용할 수 있다
  • 커스텀태그와 표준태그 라이브러리 (JSTL)
    • 커스텀태그
      • JSP를 확장시켜주는 기능
    • 표준태그 라이브러리
      • 커스텀태그 중 자주사용되는 것들을 별도로 표준화한 태그 라이브러리

3. 지시어 / Directive

  • jsp 페이지에 대한 설정 정보를 지정할 때 사용

    <%@ 디렉티브이름 속성1=”값1”, 속성2=”값2”, …%>
    <%@ page contentType=”text/html; charset=euc-kr” %>

  • jsp가 제공하는 디렉티브
    • page
      • jsp 페이지에 대한 정보를 지정, jsp가 생성하는 문서의 타입, 출력 버퍼의 크기, 에러페이지 등
    • taglib
      • jsp 페이지에서 사용할 태그 라이브러리 지정
    • include
      • jsp 페이지의 특정 영역에 다른 문서를 포함

캡처


1. page 디렉티브

  • contentType
    • jsp 페이지가 생성할 응답 문서의 타입 지정
    • 한글로 구성된 html 문서를 생성하는 경우

      <%@page contentType=”text/html;charset=euc-kr” %>

  • import

    <%@page import = “java.util.*” %>


2. include 디렉티브

<%@ include%>

  • jsp에는 여러 jsp페이지에서 공통적으로 포함하는 내용이 있을때 별도의 파일로 저장
  • 필요한 페이지 내에 삽입 가능
    <%@ include file=”로컬URL” %>
  • 처리과정 : 정적
    • include 디렉티브를 사용한 jsp 페이지가 컴파일 되는 과정에서 include 되는 jsp페이지의 소스내용을 그대로 포함해 컴파일
    • 포함되는 파일의 결과가 포함되는 것이 아니라, 파일 내용이 텍스트로 include 디렉티브 자리에 그대로 복사
    • 두 개의 파일이 한 페이지로 합쳐지고, 한 페이지로 인식되어 변환 후 컴파일
<%@page contentType="text/html;charset=euc-kr" %>
<%@page import = "java.util.*" %>

<hr>
<%
	Date date = new Date();
%>
<h2>페이지 하단</h2>
<h3>오늘 날짜 - <%=date.toLocaleString() %></h3>
<p>copyright &copy; testsite.com all right reserved.</p>

main 부분

<%@page contentType="text/html;charset=euc-kr" %>
<%@page import = "java.util.*" %>
<head>
</head>
<body>
	<h1>main 페이지</h1>
	<h2>include 지시자 이용 </h2>
	<%@include file="copyright.jsp"%>
	<!-- include 지시자 : 특정 문서를 포함시킬  사용 페이지의 소스를 포함 -->

	<h2>include 액션태그 이용 </h2>
	<jsp:include page="copyright.jsp" />
	<!--include 액션태그 : 소스가 아닌 페이지의 실행결과를 포함 -->
</body>

캡처

  • page 디렉티브 부분이 서로 공백까지 동일해야 한다

3. taglib 디렉티브

<%@ taglib %>

  • 표현 언어, JSTL, 커스텀 태그를 jsp페이지 내에 사용할 때 사용
	<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
	<c:set var="aInt" value="123" />

4. 스크립트 요소

  • jsp 프로그래밍에서 로직을 수행하는데 필요한 부분
    • 스크립트릿
      • 페이지에서 자바코드를 실행할 때 사용되는 코드의 블럭
      • <% 자바코드1; 자바코드2;… %>
    • 표현식
      • jsp페이지에서 웹 브라우저에 출력할 부분을 표현하기 위한 것
      • 스크립트릿 코드 내에서는 표현식을 쓸 수 없다
      • 대신 스크립트릿 내에서 출력할 부분은 내장객체인 out 객체를 사용
      • <%= 출력할 값 %>
    • 선언부
      • jsp 페이지의 스크립트릿이나 표현식에서 사용할 수 있는 멤버변수나 메서드를 작성할 때 사용
      • <%! public 리턴타입 메서드이름(매개변수){자바코드…} %>
<%@ page contentType="text/html;charset=euc-kr" %>
<h1>선언부, 스크립트릿, 표현식</h1>
<%! //선언부 - 멤버변수나 메서드를 선언하는 부분
	String id ="hong"; //멤버변수
	//메서드
	public int add(int a, int b){
		return a+b;
	}
%>
<% //스크립트릿 - 자바 코드 사용, 여기에서 선언된 변수는 모두 지역변수임.
	String str="hello jsp!!"; //지역변수
	out.println("<hr>");
	out.println("스크립트릿 부분입니다.");
	out.println("<br>멤버변수 id: "+ id);
	out.println("<br>지역변수 str: "+ str);
	out.println("<br><br><b>add()메서드 </b>");
	int n1 = 10, n2 = 20;
	int sum = add(n1, n2);
	out.println("<br>두수의 합"+sum);
%>
<hr>
<b><%=str%></b> //표현식

캡처


5. 주석

  • html 주석
    <!-- html 주석-->
    
    • html 주석 내에 표현식 및 스크립트릿을 사용하면 그 코드들은 실행된다
    • 웹 서버에서 실행한 후 가져오기 때문
  • jsp 주석
    <%-- jsp주석 --%>
    
    • jsp 페이지에서만 사용된다
    • 화면에 표시되지도 않고, 실행되지도 않는다
  • java 주석
    // 한줄 주석
    /*
    여러줄 주석
    */
    

6. jsp 파일의 컴파일 확인

  • 스크립트릿은 서블릿으로 변환되면 서비스 메서드로 들어간다
  • 파일경로
    • C:\Tomcat 9.0\work\Catalina\localhost\사용자정의폴더\org\apache\jsp\파일경로
  • 위 예제 자바 파일 확인
/*
 * Generated by the Jasper component of Apache Tomcat
 * Version: Apache Tomcat/9.0.62
 * Generated at: 2022-05-02 07:39:40 UTC
 * Note: The last modified time of this file was set to
 *       the last modified time of the source file after
 *       generation to assist with modification tracking.
 */
package org.apache.jsp.day1;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.jsp.*;

public final class test01_jsp extends org.apache.jasper.runtime.HttpJspBase
    implements org.apache.jasper.runtime.JspSourceDependent,
                 org.apache.jasper.runtime.JspSourceImports {

 //선언부 - 멤버변수나 메서드를 선언하는 부분
	String id ="hong"; //멤버변수
	//메서드
	public int add(int a, int b){
		return a+b;
	}

  private static final javax.servlet.jsp.JspFactory _jspxFactory =
          javax.servlet.jsp.JspFactory.getDefaultFactory();

  private static java.util.Map<java.lang.String,java.lang.Long> _jspx_dependants;

  private static final java.util.Set<java.lang.String> _jspx_imports_packages;

  private static final java.util.Set<java.lang.String> _jspx_imports_classes;

  static {
    _jspx_imports_packages = new java.util.HashSet<>();
    _jspx_imports_packages.add("javax.servlet");
    _jspx_imports_packages.add("javax.servlet.http");
    _jspx_imports_packages.add("javax.servlet.jsp");
    _jspx_imports_classes = null;
  }

  private volatile javax.el.ExpressionFactory _el_expressionfactory;
  private volatile org.apache.tomcat.InstanceManager _jsp_instancemanager;

  public java.util.Map<java.lang.String,java.lang.Long> getDependants() {
    return _jspx_dependants;
  }

  public java.util.Set<java.lang.String> getPackageImports() {
    return _jspx_imports_packages;
  }

  public java.util.Set<java.lang.String> getClassImports() {
    return _jspx_imports_classes;
  }

  public javax.el.ExpressionFactory _jsp_getExpressionFactory() {
    if (_el_expressionfactory == null) {
      synchronized (this) {
        if (_el_expressionfactory == null) {
          _el_expressionfactory = _jspxFactory.getJspApplicationContext(getServletConfig().getServletContext()).getExpressionFactory();
        }
      }
    }
    return _el_expressionfactory;
  }

  public org.apache.tomcat.InstanceManager _jsp_getInstanceManager() {
    if (_jsp_instancemanager == null) {
      synchronized (this) {
        if (_jsp_instancemanager == null) {
          _jsp_instancemanager = org.apache.jasper.runtime.InstanceManagerFactory.getInstanceManager(getServletConfig());
        }
      }
    }
    return _jsp_instancemanager;
  }

  public void _jspInit() {
  }

  public void _jspDestroy() {
  }

  public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)
      throws java.io.IOException, javax.servlet.ServletException {

    if (!javax.servlet.DispatcherType.ERROR.equals(request.getDispatcherType())) {
      final java.lang.String _jspx_method = request.getMethod();
      if ("OPTIONS".equals(_jspx_method)) {
        response.setHeader("Allow","GET, HEAD, POST, OPTIONS");
        return;
      }
      if (!"GET".equals(_jspx_method) && !"POST".equals(_jspx_method) && !"HEAD".equals(_jspx_method)) {
        response.setHeader("Allow","GET, HEAD, POST, OPTIONS");
        response.sendError(HttpServletResponse.SC_METHOD_NOT_ALLOWED, "JSP들은 오직 GET, POST 또는 HEAD 메소드만을 허용합니다. Jasper는 OPTIONS 메소드 또한 허용합니다.");
        return;
      }
    }

    final javax.servlet.jsp.PageContext pageContext;
    javax.servlet.http.HttpSession session = null;
    final javax.servlet.ServletContext application;
    final javax.servlet.ServletConfig config;
    javax.servlet.jsp.JspWriter out = null;
    final java.lang.Object page = this;
    javax.servlet.jsp.JspWriter _jspx_out = null;
    javax.servlet.jsp.PageContext _jspx_page_context = null;


    try {
      response.setContentType("text/html;charset=euc-kr");
      pageContext = _jspxFactory.getPageContext(this, request, response,
      			null, true, 8192, true);
      _jspx_page_context = pageContext;
      application = pageContext.getServletContext();
      config = pageContext.getServletConfig();
      session = pageContext.getSession();
      out = pageContext.getOut();
      _jspx_out = out;

      out.write("\r\n");
      out.write("<h1>선언부, 스크립트릿, 표현식</h1>\r\n");
      out.write('\r');
      out.write('\n');
 //스크립트릿 - 자바 코드 사용, 여기에서 선언된 변수는 모두 지역변수임.
	String str="hello jsp!!"; //지역변수
	out.println("<hr>");
	out.println("스크립트릿 부분입니다.");
	out.println("<br>멤버변수 id: "+ id);
	out.println("<br>지역변수 str: "+ str);
	out.println("<br><br><b>add()메서드 </b>");
	int n1 = 10, n2 = 20;
	int sum = add(n1, n2);
	out.println("<br>두수의 합"+sum);

      out.write("\r\n");
      out.write("<hr>\r\n");
      out.write("<b>");
      out.print(str);
      out.write("</b> //표현식");
    } catch (java.lang.Throwable t) {
      if (!(t instanceof javax.servlet.jsp.SkipPageException)){
        out = _jspx_out;
        if (out != null && out.getBufferSize() != 0)
          try {
            if (response.isCommitted()) {
              out.flush();
            } else {
              out.clearBuffer();
            }
          } catch (java.io.IOException e) {}
        if (_jspx_page_context != null) _jspx_page_context.handlePageException(t);
        else throw new ServletException(t);
      }
    } finally {
      _jspxFactory.releasePageContext(_jspx_page_context);
    }
  }
}


7. 한글처리 문제

  • 서버에서 웹 브라우저에 응답되는 페이지의 화면출력 시 한글 처리

    <%@ page contentType=”text/html;charset=euc-kr” %>

  • 서블릿에서의 경우

    response.setContentType(“text/html;charset=EUC-KR”);

  • 웹 브라우저에서 서버로 넘어오는 파라미터 값에 한글이 있는 경우
    • 포스트 방식의 한글 처리

      <% request.setCharacterEncoding(“euc-kr”); %>

    • 겟 방식의 한글 처리
      • server.xml에 URIEncoding=”EUC-KR” 추가