[부스트코스] 웹 프로그래밍 BE: JSP 문법, JSP 내장객체

1) JSP 문법

[LECTURE] 3) JSP 문법 : edwith

들어가기 전에 JSP는 HTML태그와 자바코드를 섞어서 개발할 수 있습니다. JSP에서 자바코드는 어떻게 입력을 하는지, 어떤 결과를 출력하려면 어떤 것을 사용해야 하는지에 대해서... - 부스트코스

www.edwith.org

JSP는 HTML태그와 자바코드를 섞어서 개발할 수 있습니다.

지난 시간 JSP 스크립트 구성요소 5가지(지시자, 스크립트릿, 표현식, 선언식, 주석)라고 말했던 JSP 문법을 한 번더 정리하도록 하겠습니다.

학습 목표

JSP에서 선언문을 이용해 필드와 메소드를 선언할 수 있다.
JSP에서 자바 코드를 입력하는 방법을 알 수 있다.
JSP에서 변수값을 출력할 수 있다.
JSP에서 주석문을 작성할 수 있다.

핵심 개념

선언문(Declaration)
스크립트릿(Scriptlet)
표현식(Expression)
주석(Comment)

스크립트 요소의 이해

JSP 페이지에서는 크게 선언문(Declaration), 스크립트릿(Scriptlet), 표현식(Expression) 이라는 3가지의 스크립트 요소를 제공합니다.

선언문(Declaration)

선언문 : <%! %>
선언문은 JSP 페이지 내에서 필요한 멤버변수나 메소드가 필요할 때 선언해 사용하는 요소
선언문의 문법
- <%! 문장 %>

JSP가 서블릿으로 바뀌었을 때를 기억해보면 모두 Service메서드 안에서 자바 코드로 바뀌어 있었는데, 선언문을 사용하면 Service메서드가 아니라 클래스바디 쪽에 해당 코드가 바뀌는 것을 볼 수 있었습니다.

exam1.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
 
id : <%=getId() %>
</body>
</html>
 
<%!
    String id = "u001"; //멤버변수 선언
    public String getId( ) { //메소드 선언
        return id;
    }
%>
Colored by Color Scripter

cs

멤버변수와 메서드를 하나 생성해봅니다. JSP코드 내의 위치는 중요하지 않으니 어느 위치에 작성하든 상관없습니다.

실행결과

body태그 내에서 선언문에서 작성했던 id값을 잘 불러오는 것을 확인할 수 있습니다.

exam1_jsp.java

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


    String id = "u001"; //멤버변수 선언
    public String getId( ) { //메소드 선언
        return id;
    }
    ....
    
    public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)
      throws java.io.IOException, javax.servlet.ServletException {

    ....

    try {
      ....
      out.write("\r\n");
      out.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">\r\n");
      out.write("<html>\r\n");
      out.write("<head>\r\n");
      out.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\r\n");
      out.write("<title>Insert title here</title>\r\n");
      out.write("</head>\r\n");
      out.write("<body>\r\n");
      out.write("\r\n");
      out.write("id : ");
      out.print(getId() );
      out.write("\r\n");
      out.write("</body>\r\n");
      out.write("</html>\r\n");
      out.write("\r\n");
    } catch (java.lang.Throwable t) {
      ....
    } finally {
      _jspxFactory.releasePageContext(_jspx_page_context);
    }
  }
}

실제 서블릿으로 변환된 코드를 확인해보면 클래스바디에 선언식 내에 작성했던 멤버변수와 메서드가 보이고, 그 아래 서비스 메서드에 실제로 선언식에 작성했던 멤버변수와 메서드를 사용하고 있던 표현식 부분을 확인 할 수 있습니다.

이렇게 멤버 변수를 선언하거나 메서드를 선언할 때

스크립트릿(Scriptlet)

스크립트릿 : <% %>
가장 일반적으로 많이 쓰이는 스크립트 요소
주로 프로그래밍의 로직을 기술할 때 사용
스크립트릿에서 선언된 변수는 지역변수
스크립트릿의 문법
- <% 문장%>

선언문에서 선언했던 것과 다르게 스크립트릿은 지역변수입니다. 즉, 스크립트릿 안에서 선언된 변수는 서비스메서드 안에 선언되는 변수입니다. 그리고 JSP 구성요소 중 가장 많이 사용합니다.

exam2.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
 
<%
for(int i = 1; i <= 5; i++){
%>
<H<%=i %>> 아름다운 한글 </H<%=i %>>
<%
}
%>
</body>
</html>
Colored by Color Scripter

cs

반복문을 사용해서 똑같은 문자열을 출력해보고자 합니다.

스크립트릿내에 html코드를 쓰고 싶지만 스크립트릿내에 있는 것들은 응답 결과에 포함되지 않습니다.

그래서 스크립트릿을 쪼개서 for문이 11번째 줄에서 시작됐지만 끝나는 것은 15번째 줄 스크립트릿에서 끝나게 할 수 있습니다. 그러면 그 사이 14번째 줄에 썼던 구문이 반복적으로 나타나게 될 수 있습니다.

실행 결과

이렇게 스크립트릿을 사용하면 태그가 동적으로 만들어져서 추가가 되는 것을 볼 수 있습니다.

html 소스보기 결과

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
 
 
<H1> 아름다운 한글 </H1>
 
<H2> 아름다운 한글 </H2>
 
<H3> 아름다운 한글 </H3>
 
<H4> 아름다운 한글 </H4>
 
<H5> 아름다운 한글 </H5>
 
</body>
</html>
Colored by Color Scripter

cs

exam2_jsp.java

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

   ....

    try {
      ....
      out.write("\r\n");
      out.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">\r\n");
      out.write("<html>\r\n");
      out.write("<head>\r\n");
      out.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\r\n");
      out.write("<title>Insert title here</title>\r\n");
      out.write("</head>\r\n");
      out.write("<body>\r\n");
      out.write("\r\n");

for(int i = 1; i <= 5; i++){

      out.write("\r\n");
      out.write("<H");
      out.print(i );
      out.write("> 아름다운 한글 </H");
      out.print(i );
      out.write('>');
      out.write('\r');
      out.write('\n');

}

      out.write("\r\n");
      out.write("</body>\r\n");
      out.write("</html>");
    } catch (java.lang.Throwable t) {
      ....
      }
    } finally {
      _jspxFactory.releasePageContext(_jspx_page_context);
    }
  }
}

반복문이 다섯 번 돌면서 위의 html과 같은 결과를 만들어냈고 그 결과를 응답으로 보냈기 때문에 해당 요청에 대한 출력은 우리가 봤던 실행 결과와 같은 모습이 됩니다.

반복적으로 강조하고 있는 JSP의 가장 핵심은 'JSP가 서블릿으로 바뀔 때 어떻게 바뀔까?'입니다.

표현식(Expression)

표현식 : <%=%>
JSP 페이지에서 웹 브라우저에 출력할 부분을 표현 (즉, 화면에 출력하기 위한 것)
스크립트릿내에서 출력할 부분은 내장객체인 out 객체의 print() 또는 println() 메소드를 사용해서 출력
표현식의 문법
- <%=문장%>

응답 결과에 뭔가를 표현하고 싶다면 반드시 표현식에다가 넣어야지만 출력이 됩니다.

주석(Comment)

JSP페이지에서 사용할 수 있는 주석
- HTML주석, 자바주석, JSP주석

1. HTML 주석

HTML 주석은 로 끝나는 형태
HTML 주석은 HTML주석을 사용한 페이지를 웹에서 서비스할 때 화면에 주석이 내용이 표시되지는 않으나 , [소스보기]수행하면 HTML주석의 내용이 화면에 표시.
HTML주석의 예시

<!-- html 주석입니다. -->

2. JSP주석

JSP 페이지에서만 사용되며 <%--로 시작해서 --%>로 끝나는 형태
JSP 주석은 해당 페이지를, 웹 브라우저를 통해 출력 결과로서 표시하거나, 웹 브라우저 상에서 소스 보기를 해도 표시 되지 않음. 또한 JSP주석 내에 실행코드를 넣어도 그 코드는 실행되지 않음.
JSP주석의 예시

<%-- JSP 주석입니다. --%>

3. 자바주석

자바 주석은 //, /**/을 사용해서 작성.
//은 한 줄짜리 주석을 작성할 때 사용되고, /**/은 여러 줄의 주석을 작성할 때 사용
스크립트릿이나 선언문에서 사용되는 주석으로, 자바와 주석 처리 방법이 같음
자바주석의 예시

//주석

/*주석

여러 줄에 걸친 주석이다.

*/

언제 주석으로써의 역할을 할까?

JSP주석인 경우 주석 자체가 JSP의 주석이기 때문에 아예 서블릿으로 바뀌지 않습니다.
자바 주석인 경우에는 자바로 다 바뀝니다. 바뀌는데 실제 자바 코드가 실행될 때 주석이기 때문에 실행은 되지 않습니다.
HTML 주석은 자바로도 바뀌고 자바에서 실행도 되고 응답 결과에 포함도 됩니다. 그런데 실제 응답 결과가 넘어왔을 때(브라우저가 HTML을 보여줄 때) 주석임을 인지하기 때문에 화면에 보이지 않게 됩니다.

2) JSP 내장객체

[LECTURE] 4) JSP 내장객체 : edwith

들어가기 전에 JSP에서는 개발자가 선언하지 않아도, 사용할 수 있는 미리 선언된 변수가 존재합니다. 이를 내장객체라고 합니다. 개발자가 선언하지 않았음에도 어떻게 JSP에서 내장... - 부스트코스

www.edwith.org

JSP에서는 개발자가 선언하지 않아도, 사용할 수 있는 미리 선언된 변수가 존재합니다. 이를 내장객체라고 합니다.

개발자가 선언하지 않았음에도 어떻게 JSP에서 내장객체를 사용할 수 있는지, 그리고 이 내장 객체를 어떻게 사용해야 하는지에 대해서 알아보도록 하겠습니다.

학습 목표

내장객체가 무엇인지 이해한다.
내장객체 종류를 알고 이용할 수 있다.

핵심 개념

request
response
out
application
page
session

JSP 내장 객체란?

JSP를 실행하면 서블릿 소스가 생성되고 실행된다.
JSP에 입력한 대부분의 코드는 생성되는 서블릿 소스의 _jspService() 메소드 안에 삽입되는 코드로 생성된다.
_jspService()에 삽입된 코드의 윗부분에 미리 선언된 객체들이 있는데, 해당 객체들은 jsp에서도 사용 가능하다.
response, request, application, session, out과 같은 변수를 내장객체라고 한다.

내장 객체의 종류

request, out 같은 내장 객체들이 이미 JSP가 서블릿으로 바뀔 때 만들어서 가지고 있고 이런 객체들은 따로 선언하거나 생성하지 않아도 사용할 수 있습니다. scope라는 것도 있는데 나중에 스코프에 대해 배울 때 자세히 다뤄보도록 하겠습니다.

exam2_jsp.java

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

    final java.lang.String _jspx_method = request.getMethod();
    if (!"GET".equals(_jspx_method) && !"POST".equals(_jspx_method) && !"HEAD".equals(_jspx_method) && !javax.servlet.DispatcherType.ERROR.equals(request.getDispatcherType())) {
      response.sendError(HttpServletResponse.SC_METHOD_NOT_ALLOWED, "JSPs only permit GET POST or HEAD");
      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=UTF-8");
      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("<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">\r\n");
      out.write("<html>\r\n");
      out.write("<head>\r\n");
      out.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\r\n");
      out.write("<title>Insert title here</title>\r\n");
      out.write("</head>\r\n");
      out.write("<body>\r\n");
      out.write("\r\n");

for(int i = 1; i <= 5; i++){

      out.write("\r\n");
      out.write("<H");
      out.print(i );
      out.write("> 아름다운 한글 </H");
      out.print(i );
      out.write('>');
      out.write('\r');
      out.write('\n');

}

      out.write("\r\n");
      out.write("</body>\r\n");
      out.write("</html>");
    } catch (java.lang.Throwable t) {
     ....
    } finally {
      _jspxFactory.releasePageContext(_jspx_page_context);
    }
  }
}

스크립틀릿을 알아보면서 작성했던 JSP가 자바로 변환된 것을 다시 한 번 살펴보면,

서비스메소드의 인자로 request와 response가 존재하고 그 아래 멤버변수로 session, out, page 등 내장객체들이 있는 것을 확인할 수 있습니다.

이렇게 항상 JSP가 서블릿으로 변환되어 실행되기 때문에 내장객체를 사용할 수 있습니다.

그리고 서비스메소드 내에 내장객체가 선언되는 특성때문에 JSP 선언문에서는 내장객체를 사용할 수 없습니다.

이렇게 JSP 문법을 다시 한 번 정리하고 JSP 내장객체까지 알아봤습니다.

후기

벌써 내일이 3월 마지막 주로 부스트코스 대학생 서포터즈 2기 활동이 끝나는데요... 너무 열심히 못한 것 같아 아쉬우면서 처음부터 완주가 목표였기 때문에😂 후련하기도 하고 시원섭섭하네요ㅎ. 그래도 앞으로 남은 강의도 많으니까 남은 강의도 열심히 듣고 정리하고 싶은 내용이 생기면 또 글을 작성해보도록 하겠습니다. 여태까지 제 글을 한 번이라도 봐주셨던 모든 분들께 감사드리고 수강생들의 글을 계속 확인해주셨던 멘토님들께 감사드립니다. 그리고 저를 포함하여 2월 부터 열심히 달려온 수강생들에게도 수고했다는 말을 전하고 싶습니다. 모두 감사합니다!!

그럼 마지막으로 중요한 한 가지만 상기시키고 마무리 하도록 하겠습니다.

JSP는 항상 서블릿으로 바뀌어서 실행된다!

저작자표시 비영리 변경금지

'💎 > 부스트코스' 카테고리의 다른 글

[부스트코스] 웹 프로그래밍 BE: JSP란? JSP 라이프사이클 (0)	2020.03.20
[부스트코스] 웹 프로그래밍 FE: WEB UI 개발 (0)	2020.03.12
[부스트코스] 웹 프로그래밍 FE: JavaScript 3 함수, 함수 호출 스택 (0)	2020.03.04
[부스트코스] 웹 프로그래밍 코드리뷰 후기: 프로젝트A-1. 홈페이지 BE (0)	2020.02.28
[부스트코스] 웹 프로그래밍 FE: JavaScript 2 비교-반복-문자열 (0)	2020.02.21

DR-Kim

[부스트코스] 웹 프로그래밍 BE: JSP 문법, JSP 내장객체

1) JSP 문법

실행결과

실행 결과

언제 주석으로써의 역할을 할까?

2) JSP 내장객체

내장 객체의 종류

후기

'💎 > 부스트코스' 카테고리의 다른 글

댓글

티스토리툴바

[부스트코스] 웹 프로그래밍 BE: JSP 문법, JSP 내장객체

1) JSP 문법

실행결과

실행 결과

언제 주석으로써의 역할을 할까?

2) JSP 내장객체

내장 객체의 종류

후기

'💎 > 부스트코스' 카테고리의 다른 글

관련글

댓글

티스토리툴바