[부스트코스] 웹 프로그래밍 BE: JSP란? JSP 라이프사이클

1) JSP

[LECTURE] 1) JSP란? : edwith

들어가기 전에 마이크로소프트의 ASP(Active Server Pages)와 같은 스크립트 형태의 개발 방법이 인기를 얻게 되면서, 자바 진영에서도 대항하기 위해서 JSP를 발표하... - 부스트코스

www.edwith.org

학습 목표

jsp가 무엇인지 이해한다.
jsp의 간단한 사용법을 알아본다.

핵심 개념

jsp (java server page)

JSP의 위치는 WebContent 입니다. 이전에 실습을 진행했던 firstweb의 WebContent아래에 jsp파일을 만들어보도록 하겠습니다.

Html css, js 파일 모두 이 위치에 만들어주면 됩니다. 디렉토리를 새로 생성해서실행을 시킬 수도 있고 바로 WebContet디렉토리 하위에 파일을 만들어줘도 됩니다.

이번에는 바로 WebContetn아래에 sum10.jsp라는 파일을 하나 만들어 보겠습니다.

sum10.jsp

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

<%@ 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>sum10</title>
</head>
<body>
 
<% 
    int total = 0;
    for(int i = 1; i <= 10; i++){
        total = total + i;
    }
%>
 
1부터 10까지의 합 : <%=total %>
 
</body>
</html>
Colored by Color Scripter

cs

JSP 스크립트 구성요소

<%@ page %> // 지시자
<% %>       // scriptlet
<%= %>      // 표현식
<!% %>      // 선언식
<%-- --%>   // 주석

같은 기호들이 보이는데 이런 기호에에 따라서 JSP가 서블릿으로 바뀔 때 결정하게 됩니다. jsp는 jsp 자체가 동작하는 게 아니라 모든 jsp는 서블릿으로 바뀌어서 동작하게 되는데 이런 기호들은 JSP가 서블릿으로 바뀔 때 어떻게 바뀌어야될지 알려주는 부분입니다.

지시자 <%@ %>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

특히 이 부분은 지시자로 page 지시자라고 하며 language, contentType 등 웹 컨테이너가 JSP페이지를 서블릿 클래스로 변환할 때 필요한 정보를 기술하기 위해 사용합니다.

jsp는 내부적으로 자바 외의 다른 언어들을 사용할 수 있다곤 하나 jsp에서 사용되는 언어는 자바 언어 뿐이다.
서블릿작성할 때 처럼 setContentType 위치에 이 내용이 들어간다 출력되는 결과는 UTF-8문자셋으로된 html문서임을 알려줌.
jsp 파일 자체가 utf-8로 되어있다는 것을 알려줌.

인코딩 부분이 맞지 않으면 한글이 깨져서 나오게 됩니다.
이런 지시문을 읽는 것은 JSP를 실행하는 WAS이며, 지시문 다음에는 보통 html코드가 나옵니다.

참고하면 좋은 블로그👇

지시자(directive) 란?

출처 : http://studyto.cafe24.com/teach/jsp/jsp_directive.html 지시자(JSP Directive) - 웹 컨테이너가 JSP페이지를 서블릿 클래스로 변환할 때 필요한 정보기술하기 위해 사용한다. - jsp 컨테이너에 해당 페..

thositeom.tistory.com

Scriptlet <% %>

<% 
    int total = 0;
    for(int i = 1; i <= 10; i++){
        total = total + i;
    }
%>

JSP를 쓰는 이유는 html안에 프로그램을 실행시켜주고 싶을 때 사용합니다.

안에는 자바코드가 들어가고 Scriptlet 이라고 부릅니다. 자바코드를 입력할 수 있는 부분입니다.

표현식 <%= %>

<%=total %>

변수를 출력하고 싶을 때는<%= %>을 사용합니다.

해당 기호가 out.print()역할을 합니다. 이런 애들을 표현식이라고 부른다.

JSP의 가장 핵심

JSP는 서블릿으로 바뀔 거다.

JSP가 html 하고 비슷하게 생겼다고 해서 html처럼 실행되는 것이 아니라 항상 'JSP는 서블릿으로 바뀔 거고 바뀐 서블릿이 실행된다'라고 생각해야합니다.

그래서 서블릿으로 바뀐 후에는 서블릿의 라이프사이클과 똑같은 방식으로 실행이 됩니다.

2) JSP 라이프 사이클

[LECTURE] 2) JSP 라이프싸이클 : edwith

들어가기 전에 WAS는 웹 브라우저로부터 JSP에 대한 요청을 받게 되면, JSP코드를 서블릿 소스코드로 변환한 후 컴파일 하여 실행되게 됩니다. 서블릿으로 컴파일되어 실행될 때 ... - 부스트코스

www.edwith.org

학습 목표

jsp의 라이프 사이클을 이해한다.
jsp를 이용해서 init, destroy 메소드를 이용할 수 있다.

핵심 개념

jsp라이프 사이클

WAS는 웹 브라우저로부터 JSP에 대한 요청을 받게 되면, JSP코드를 서블릿 소스코드로 변환한 후 컴파일 하여 실행되게 됩니다.

서블릿으로 컴파일되어 실행될 때 상황에 따라서 어떤 메소드들이 실행되는지 잘 알아야, JSP를 알맞게 작성할 수 있습니다.

JSP코드가 변환될 때.

sum10.jsp가 실행될 때 벌어지는 일

이클립스 워크스페이스 아래의 .metadata 폴더에 sum10_jsp.java 파일이 생성된다.

해당 파일의 _jspService() 메소드 안에 살펴 보면 jsp파일의 내용이 변환되서 들어가 있는 것을 확인할 수 있다.

sum10_jsp.java는 서블릿 소스로 자동으로 컴파일 되면서 실행되서 그 결과가 브라우저에 보여진다.
sum10.jsp가 실행이 될 때는 여러 가지 일들이 벌어지는데

최초로 실행될 때 톰캣을 사용하면 톰캣이 JSP를 특별한 형태의 서블릿으로 소스가 변환이 되는데 어떻게 바뀌는지 한 번 알아보도록 하겠습니다.

파일탐색기에서 workspace를 찾아가봅니다. 보통 사용자 아래에 존재합니다.

C:\Users\사용자\eclipse-workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps

위의 경로 위치로 가면 우리가 여태까지 만들었던 실습들이 보이고 JSP파일을 만든 곳으로 이동해보면 sum10.jsp가 보입니다.

C:\Users\사용자\eclipse-workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\work\Catalina\localhost\firstweb\org\apache\jsp

이 jsp파일이 서블릿으로 변하게 되는데 그 변한 파일은 temp0/work 아래에 있습니다. 이런 파일위치는 WAS의 약속이라고 생각하면 됩니다. 하위에 work/Catalina/localhost 로 들어가보면 또 우리가 만들었었던 웹 애플리케이션들이 다 하나씩 들어있는 걸 볼 수 있습니다. firstweb을 열어서 org/apache/jsp 디렉토리에 들어가봤더니 우리가만들었던 JSP파일이 이런식으로 바뀌어서 보이는 걸 확인할 수 있습니다.

WebContent/sum10_jsp.java

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 {

    .....

    try {
      .....

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

	int total = 0;
	for(int i = 1; i <= 10; i++){
		total = total + i;
	}

      out.write("\n");
      out.write("\n");
      out.write("1부터 10까지의 합 : ");
      out.print(total );
      out.write("\n");
      out.write("\n");
      out.write("</body>\n");
      out.write("</html>");
    } catch (java.lang.Throwable t) {
      .....
      }
    } finally {
      _jspxFactory.releasePageContext(_jspx_page_context);
    }
  }

실제로 JSP코드가 자바로 바뀐 모습을 확인할 수 있다.

눈여겨볼 부분은 public void _jspService()입니다.

서블릿 배울 때와 같이 init, service, destory 가 있습니다. WAS 약속에따라 이름이 조금 달라져있을 수는 있지만 같은 일을 하는 메서드들이라고 생각하면 됩니다.

우리가 만든 코드들은 기본적으로 Service라는 메서드 안에 그대로 만들어지고, JSP가 서블릿으로 만들 때(자바코드로 만들 때) 알아서 만들어 놓는 객체들도 존재합니다. 알아서 만들어지는 객체들을 가르켜 내장객체라고 합니다.

어떤 코드들이 문자열로 들어있는지 확인해보면

out.write에 html코드들이 있고
scriptlet안에 있던 코드들이 바깥에 있고

int total = 0;
for(int i = 1; i <= 10; i++){
    total = total + i;
}

<%= %> 안에있던 내용이 out.print(total); 로 되어있던 것을 확인할 수 있다.

out.print(total );

따라서 위에서 확인한 바와 같이 작성한 JSP코드는 약간 특수한 형태의 서블릿 소스로 생성이 됩니다.

JSP의 실행순서

브라우저가 웹서버에 JSP에 대한 요청 정보를 전달한다.

브라우저가 요청한 JSP가 최초로 요청했을 경우만 JSP로 작성된 코드가 서블릿으로 코드로 변환한다. (java 파일 생성)

서블릿 코드를 컴파일해서 실행가능한 bytecode로 변환한다. (class 파일 생성)

서블릿 클래스를 로딩하고 인스턴스를 생성한다.

서블릿이 실행되어 요청을 처리하고 응답 정보를 생성한다.

JSP로 요청이 들어왔을 때 서버는 JSP에 해당되는 서블릿이 존재하는지 먼저 체크해서

존재한다면 서블릿 엔진이 요청을 받아서 서블릿 라이프 사이클대로 실행을 하게 될 거고
존재하지 않는다면 JSP 엔진이 요청을 받아서 알맞는 서블릿으로 만들고 컴파일하고 이 서블릿 객체를 생성하는 일들을 수행합니다.

JSP 라이프사이클 실습

JSP 라이프 사이클을 확인할 lifecycle.jsp 작성
- 브라우저로 최초 요청했을 때
- 브라우저로 두번째 요청했을 때
- lifecycle.jsp를 수정한 후 요청했을 때

JSP의 라이프사이클을 알아보기 위해서 firstweb/WebContent에 lifecycle.jsp파일을 하나 더 생성해보도록 하겠습니다.

lifecycle.jsp

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

<%@ 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>
hello
<%
    System.out.println("_jspService()");
%>
 
<%!
public void jspInit() {
    System.out.println("jspInit()!");
}
 
public void jspDestroy() {
    System.out.println("jspDestroy()");
}
%>
 
</body>
</html>
Colored by Color Scripter

cs

실행결과

// 최초 실행
jspInit()!
_jspService()
// 새로고침
_jspService()
// 수정 후 실행
jspDestroy()
jspInit()!
_jspService()

실행을 해보면 위의 실행결과처럼 보이게 되는데 실행과 새로고침 시 Service메소드가 계속해서 보이는 것을 확인할 수 있습니다.

마찬가지로 jsp가 어떻게 바뀌었을까 확인해봤을 때 서블릿과 마찬가지로 응답에 포함되는 건 Service 밖에 없어서 일반적인 코드들은 모두 Service 메소드에 작성됩니다. 최초로 실행하든, 다시 실행해든 매번 호출되는 게 Service 밖에 없기 때문입니다.

선언식 <%! %>

그러면 JSP에서는 항상 Service에 밖에 못쓸까요? 답은 아니요입니다. <%! %>기호를 사용하면 Service메서드 바깥쪽에 해당 코드들이 작성되도록 할 수 있습니다. 마치 전역변수처럼요.

lifecycle.jsp가 java로 어떻게 구성되어있는지 확인해보면

lifecycle_jsp.java

public void jspInit() {
	System.out.println("jspInit()!");
}

public void jspDestroy() {
	System.out.println("jspDestroy()");
	
}
....
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 {
    ....
    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("hello\r\n");

	System.out.println("_jspService()");

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

아까와 다르게 선언문 안에 작성했던 메소드들이 Service메소드 바깥에 작성됨을 확인할 수 있습니다.

이렇게 선언식을 이용하면 특정한 메서드 필드나 메서드로 지정할 수 있습니다.

JSP가 무엇인지와 JSP의 라이프사이클까지 알아보았는데요 다음 시간에는 JSP의 문법과 내장객체에 대해서 글을 작성해보도록 하겠습니다!

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

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

[부스트코스] 웹 프로그래밍 BE: JSP 문법, JSP 내장객체 (1)	2020.03.26
[부스트코스] 웹 프로그래밍 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

JSP 스크립트 구성요소

지시자 <%@ %>

Scriptlet <% %>

표현식 <%= %>

JSP의 가장 핵심

2) JSP 라이프 사이클

JSP코드가 변환될 때.

JSP 라이프사이클 실습

선언식 <%! %>

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

댓글

티스토리툴바

[부스트코스] 웹 프로그래밍 BE: JSP란? JSP 라이프사이클

1) JSP

JSP 스크립트 구성요소

지시자 <%@ %>

Scriptlet <% %>

표현식 <%= %>

JSP의 가장 핵심

2) JSP 라이프 사이클

JSP코드가 변환될 때.

JSP 라이프사이클 실습

선언식 <%! %>

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

관련글

댓글

티스토리툴바