"Hello.html"과 "Hello.jsp" 두 예제를 가지고 이클립스에서 실행해보았다. 서로 다른 두 파일 이었지만 이클립스의 내장 브라우저를 통해 본 실행결과는 같음을 확인하였다. 이제 각각의 처리과정을 통해 그 차이점을 살펴보자.

다음은 "Hello.html"의 내용과 실행결과 그리고 소스보기를 각각 보여주고 있다. 여기서 "Hello.html"의 내용과 소스보기의 내용을 비교해 보면 두 내용이 동일함을 알 수 있다.

<!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=EUC-KR">
<title>Insert title here</title>
</head>
<body>
Hello JSP...
</body>
</html>

Hello.html 내용


Hello.html 실행결과

Hello.html 실행결과


<!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=EUC-KR">
<title>Insert title here</title>
</head>
<body>
Hello JSP...
</body>
</html>

소스보기 내용

일반적으로 웹서버가 HTML을 처리해 브라우저로 결과를 보여주는 과정은 비교적 단순하다. 우선 http 요청이 클라이언트로부터 들어오면 서버는 요청을 분석하여 요청한 HTML 파일을 검색한 후 해당 파일이 존재할 경우 파일의 내용을 그대로 전송한다. 따라서 서버에 저장된 HTML 소스파일의 내용과 브라우저로 전달된 내용(소스보기)은 동일하다.


웹서버의 HTML 처리과정

웹서버의 HTML 처리과정



반면 JSP 파일의 경우는 어떨까? 다음은 "Hello.jsp"의 내용과 실행결과 그리고 소스보기를 각각 보여주고 있다. 여기서 "Hello.jsp"의 내용과 소스보기의 내용을 비교해 보면 "Hello.jsp"에서 짙은 회색 블럭으로 잡힌 라인이 소스보기에서는 볼 수 없다. 즉 두 내용이 서로 다름을 알 수 있다.

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

<!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=EUC-KR">
<title>Insert title here</title>
</head>
<body>
Hello HSP...
</body>
</html>

Hello.jsp 내용


Hello.jsp 실행결과

Hello.jsp 실행결과


<!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=EUC-KR">
<title>Insert title here</title>
</head>
<body>
Hello HSP...
</body>
</html>

소스보기 결과

HTML 파일의 처리와는 달리 웹 서버는 JSP 프로그램 파일의 내용을 그대로 브라우저로 전달하지 않는다. 웹서버는 인터넷을 통해 브라우저로부터 요구가 들어오면 파일을 찾아 검색한 후 해당 파일을 실행하여 그 출력 결과만을 브라우저로 전송한다. 따라서 서버에 저장된 JSP 파일의 내용과 브라우저로 전달된 내용(소스보기)은 다르다.


웹서버의 JSP 처리과정

웹서버의 JSP 처리과정

'프로그래밍 > JSP' 카테고리의 다른 글

JSP 처리과정  (0) 2009.01.06
JSP 기본구조  (0) 2008.12.03
첫 번째 JSP 프로그램  (0) 2008.11.30
프로젝트와 HTML 파일 만들고 실행하기  (0) 2008.11.28
JSP 실행환경을 위한 Apache Tomcat 서버 등록  (0) 2008.11.27
AND

첫 번째 JSP 프로그램인 "Hello.jsp" 프로그램을 만들고 실행해 보자. "Hello.jsp" 프로그램의 생성과 실행 과정은  역시 "Hello.html" 파일과 매우 유사하다. "Hello.jsp" 역시 "JSPLecture" 프로젝트 이름 위에서 마우스 오른쪽 버튼을 통해 만들 수 있다. 이 때 HTML이 아닌 JSP를 선택하는 것이 다르다.

JSP 파일 만들기

JSP 파일 만들기

"New JavaServer Page" 창이 뜨면 "File Name"에 "Hello"를 입력하고 "Finish" 버튼을 클릭한다. 이 때 "Hello" 뒤에 자동으로 확장자 ".jsp"가 붙는다.
 

파일명 입력

파일명 입력

이클립스의 "Project Explorer" 뷰 화면에는 "JSPLecture" 프로젝트의 "WebContent" 폴더 아래에 "Hello.jsp" 파일이 생기고 우측의 소스뷰에는 "Hello.jsp"을 위한 몇 줄의 코드가 생성된다. 코드에서 블럭으로 잡힌 부분의 "Hello JSP..."는 추가된 부분이므로 <body>와 </body> 사이에 추가한다. 이제 "Hello.jsp" 프로그램을 실행해보자. "Hello.jsp"를 실행하려면 소스뷰에서 실행하고자 하는 파일 탭 "Hello.jsp"를 선택하고 실행버튼 ">"을 클릭한다.
 

Hello.jsp 실행하기

Hello.jsp 실행하기

수정된 "Hello.jsp" 프로그램이 저장되지 않았다면 저장을 확인하는 창이 그림과 같이 뜨는데 "Yes" 버튼을 클릭하면 수정된 내용이 디스크에 저장되고 실행을 위한 다음 단계로 진행된다.

저장 확인 창

저장 확인 창

"Run On Server" 창이 뜨면 "Finish" 버튼을 클릭한다. 앞의 "Hello.html" 연습 시 "Always use the this server when running this project" 옆의 체크박스를 선택했다면 이 창은 뜨지 않을 것이다.

JSP 컨테이너 지정

JSP 컨테이너 지정

"Hello.jsp"의 실행결과 역시 이클립스 내장브라우저가 실행되면서 보여진다. 이 브라우저의 주소창을 보면 URL이

http://localhost:8080/JSPLecture/Hello.jsp

로 표시되는데 "Hello.html"의 경우와 마찬가지로 ":8080"은 TCP/IP 포트 번호며 "Apache Tomcat"의 기본 포트로 사용되며 프로젝트명 "JSPLecture"가 URL 폴더명으로 사용되고 있음을 알 수 있다.

Hello.jsp 실행 결과

Hello.jsp 실행 결과


'프로그래밍 > JSP' 카테고리의 다른 글

JSP 기본구조  (0) 2008.12.03
Hello.html vs. Hello.jsp  (0) 2008.12.01
프로젝트와 HTML 파일 만들고 실행하기  (0) 2008.11.28
JSP 실행환경을 위한 Apache Tomcat 서버 등록  (0) 2008.11.27
Apache Tomcat 설치  (0) 2008.11.27
AND

이클립스에서는 연관된 프로그램들을 프로젝트 단위로 관리한다. 이클립스에서 JSP 프로그램 개발을 위한 JSP 프로젝트는 다양한 방법으로 만들 수 있다. 그 중 주로 사용하는 방법은 "Project Explorer" 뷰의 흰 바탕에서 마우스 오른쪽 버튼을 클릭하여 만드는 방법이다. 먼저 "Project Explorer" 뷰의 흰 바탕에서 마우스 오른쪽 버튼을 클릭하여 "New"의 하부 메뉴에서 "Project"를 선택한다.

프로젝트 메뉴

프로젝트 메뉴


"New Project" 창이 뜨면 "Web"의 "Dynamic Web Project"를 선택하고 "Next" 버튼을 클릭한다.

Dynamic Web Project

Dynamic Web Project


자신이 진행할 프로젝트 이름을 입력한 후 "Finish" 버튼을 클릭한다. 이 때 "Target Runtime"이 "Apache Tomcat" 인가를 확인한다. 이 항목은 이클립스에 서버로 "Apache Tomcat"이 올바르게 등록됐다면 기본으로 나타난다.

프로젝트 이름 입력

프로젝트 이름 입력


프로젝트가 올바르게 생성됐다면 아래 그림과 같이 "Project Explorer" 뷰에 생성된 프로젝트가 나타난다.

프로젝드 확인

프로젝드 확인


프로젝트를 만들었다면 이제 프로젝트에서 HTML, JSP 파일들을 만들고 "Apache Tomcat"을 통해 실행해 보자. 먼저 "Hello.html"을 만들고 실행해 보겠다. 우선 "Hello.html" 파일이 위치할 프로젝트 이름 "JSPLecture" 위에서 마우스 오른쪽 버튼을 클릭한 후 메뉴가 뜨면 "New"의 하부메뉴에서 "HTML"을 선택한다.

HTML 파일 만들기

HTML 파일 만들기


"New HTML Page" 창이 뜨면 "File Name"에 "Hello"를 입력하고 "Finish" 버튼을 클릭한다. 이 때 "Hello" 뒤에 자동으로 확장자 ".html"이 붙는다.

파일명 입력

파일명 입력


이클립스의 "Project Explorer" 뷰 화면에는 "JSPLecture" 프로젝트의 "WebContent" 폴더 아래에 "Hello.html" 파일이 생기고 우측의 소스뷰에는 "Hello.html"을 위한 몇 줄의 html 코드가 생성된다. 코드에서 블럭으로 잡힌 부분의 "Hello JSP..."는 추가된 부분이므로 <body>와 </body> 사이에 추가한다. 소스뷰의 파일명 좌측의 '*'(*Hello.html)는 소스가 수정된 후 정장되지 않았음을 의미하므로 디스크 모양의 저장버튼을 클릭하여 저장한다.

수정 내용 저장

수정 내용 저장


저장이 완료되면 소스뷰 상의 파일이름이 "*Hello.html" 에서 "Hello.html"로 변경된다.

소스뷰의 내용

소스뷰의 내용


이제 "Hello.html"을 실행해보자. "Hello.html"을 실행하려면 소스뷰에서 실행하고자 하는 파일 탭 "Hello.html"을 선택하고 실행버튼 ">"을 클릭한다.

Hello.html 실행하기

Hello.html 실행하기


"Run On Server" 창이 뜨면 "Finish" 버튼을 클릭한다. 다음부터 HTML 또는 JSP 프로그램 실행 시 이 창이 뜨지 않도록 하려면 "Always use the this server when running this project" 옆의 체크박스를 선택하면 된다.

JSP 컨테이너 지정

JSP 컨테이너 지정


"Hello.html"의 실행결과는 이클립스 내장브라우저가 실행되면서 보여진다. 이 브라우저의 주소창을 보면 URL이

http://localhost:8080/JSPLecture/Hello.html

로 표시되는데 ":8080"은 TCP/IP 포트 번호며 "Apache Tomcat"의 기본 포트로 사용된다. 그리고 프로젝트명 "JSPLecture"가 URL폴더명으로 사용되고 있음을 알 수 있다.

Hello.html 실행 결과

Hello.html 실행 결과

'프로그래밍 > JSP' 카테고리의 다른 글

Hello.html vs. Hello.jsp  (0) 2008.12.01
첫 번째 JSP 프로그램  (0) 2008.11.30
JSP 실행환경을 위한 Apache Tomcat 서버 등록  (0) 2008.11.27
Apache Tomcat 설치  (0) 2008.11.27
이클립스 초기 실행  (0) 2008.11.26
AND

이클립스를 이용 JSP 프로그램을 개발하기 위해서는 "Apache Tomcat"과 같은 JSP 컨테이너가 이클립스를 통해 실행될 수 있도록 등록돼야 한다. 여기서는 "Apache Tomcat 6.0.18"을 등록하는 과정을 설명한다. 우선 이클립스가 실행되면 JSP 개발을 위한 Java EE 퍼스펙티브로 변경한다.

Java EE 퍼스펙티브로 전환

Java EE 퍼스펙티브로 전환


Java EE 퍼스펙티브의 화면 하단의 뷰에서 "Server" 탭을 클릭한 후 아래와 같이 흰 화면에서 마우스 오른쪽 버튼을 클릭하여 "New" -> "Server" 항목을 선택한다.

Server View

Server View


JSP 컨테이너로 "Apache Tomcat v6.0 Server"를 선택한 후 "Next" 버튼을 클릭한다.

서버정의 화면

서버정의 화면


"Apache Tomcat v6.0" 의 설치 경로와 실행을 위한 JRE 환경을 다음과 같이 설정한다. "Apache Tomcat 6.0.18"이 기본값으로 설치됐을 경우 "Tomcat installation directory"는 "Browse..." 버튼을 이용 하여 "C:\Progran Files\Apache Software Foundation\Tomcat 6.0"으로 지정하면 된다. 또한 JRE 환경은 컴퓨터에 설치된 JRE 버전 중 최신 버전을 선택한다. "JRE 6 update 10"을 기본 값으로 설치했을 경우 JRE 값은 "jre6"이 된다. 폴더와 JRE 환경 설정이 끝났으면 "Finish" 버튼을 클릭하여 등록을 마친다.

Tomcat 실행환경 등록

Tomcat 실행환경 등록


"Browse" 버튼을 이용한 경로 찾기

"Browse" 버튼을 이용한 경로 찾기


등록이 올바르게 되었으면 "Server" 뷰와 "Project Explorer" 뷰에 그림과 같이 "Apache Tomcat" 서버가 등록된 것을 확인할 수 있다.

Apache Tomcat이 Server 뷰에 등록된 화면

Apache Tomcat이 Server 뷰에 등록된 화면


Apache Tomcat이 Project Explorer 뷰에 등록된 화면

Apache Tomcat이 Project Explorer 뷰에 등록된 화면


등록된 서버는 ">" 버튼을 통해 실행시킬 수 있다.

서버 시작 버튼

서버 시작 버튼


서버가 올바르게 실행된 경우 "Status" 가 "Stopped"에서 "Started"로 변경되며 "ㅁ" 버튼을 이용 서버를 멈출 수 있다.

서버 중지 버튼

서버 중지 버튼


만일 다음과 같은 오류창이 나타나면 대부분의 경우 또 다른 "Apache Tomcat"이 실행되고 있기 때문이므로 제어판의 서비스("제어판" -> "관리도구" -> "서비스")를 통해 "Apache Tomcat"의 실행을 멈추고 이클립스에 등록된 "Apache Tomcat"을 실행하면 된다.

서버 실행 오류

서버 실행 오류

'프로그래밍 > JSP' 카테고리의 다른 글

첫 번째 JSP 프로그램  (0) 2008.11.30
프로젝트와 HTML 파일 만들고 실행하기  (0) 2008.11.28
Apache Tomcat 설치  (0) 2008.11.27
이클립스 초기 실행  (0) 2008.11.26
Eclipse JEE 설치  (0) 2008.11.26
AND

다운받은 Apache Tomcat 설치파일을 실행시킨 후 인사말 화면이 나오면 "Next" 버튼을 클릭한다.

사용자 삽입 이미지

설치를 진행하려면 "I Agree" 버튼을 클릭하여 라이센스에 동의한다.

사용자 삽입 이미지

설치를 원하는 Tomcat Component를 지정한 후 "Next" 버튼을 클릭해 설치를 계속 진행한다. 이 때 "Tomcat"의 "Service" 항목을 선택하지 않도록 한다. 이 항목이 선택되면 Windows 부팅 시 Tomcat 이 자동 실행되며, 선택되지 않으면 Tomcat을 수동으로 사용자가 실행시켜야 한다. 선택하지 않는 이유는 이클립스를 이용해 JSP 프로그램을 개발할 경우 이클립스에서 Apache Tomcat을 실행시켜야 하는데 부팅시 자동 실행된 경우 8080 포트의 사용으로 인한 충돌오류가 발생하기 때문이다.

사용자 삽입 이미지

Apache Tomcat 설치를 위한 폴더를 지정한다. 버전 6.0.18의 경우 기본 값은 "C:\Program Files\Apache Software Foundation\Tomcat 6.0"이며 "Browse..." 버튼을 이용 변경할 수 있다.

사용자 삽입 이미지

Apache Tomcat 실행을 위한 환경설정을 위한 창으로 JSP를 위한 기본 포트는 8080이며 Apache Tomcat을 설치하는 컴퓨터에서 사용하지 않는 포트로 변경 가능하다. 이 창에서는 관리자(admin)을 위한 비밀번호를 설정해준 후 다음 단계로 진행한다.

사용자 삽입 이미지

Apache Tomcat을 실행하기 위해서는 JRE(Java Runtime Environment)가 먼저 컴퓨터에 설치되어 있어야 한다. 하나의 컴퓨터에 여러 버전의 JRE가 설치될 수 있는데, Apache Tomcat 설치 시 컴퓨터에 설치된 JRE 중 최신 버전의 JRE 폴더를 찾아준다. 만약 다른 버전의 JRE를 사용하고 싶다면 "..." 버튼을 이용 변경할 수 있다.

사용자 삽입 이미지

사용을 원하는 JRE 폴더를 설정하면 설치가 진행된다.

사용자 삽입 이미지

설치가 완료되면 다음과 같은 창이 뜨는데 여기서 설치 후 Apache Tomcat을 실행하지 않도록 "Run Apache Tomcat" 항목을 선택하지 않는다. Apache Tomcat이 실행되면 앞에서 언급한 바와 같이 이클립스에서 포트 충동의 문제가 발생한다.

사용자 삽입 이미지

Apache Tomcat의 설치가 끝나면 "제어판"의 "관리도구"에서 "서비스" 항목을 실행하여 Apache Tomcat이 박스 부분과 같이 상태는 빈칸, 시작 유형은 "수동"으로 되어 있는지를 확인한다. 만약 이와 다르면 Apache Tomcat 라인을 더블클릭해 설정 내용을 변경해야 한다.

사용자 삽입 이미지

변경을 위해 "Apache Tomcat" 라인을 더블클릭하면 다음 창이 뜨는데 "서비스 상태"를 "중지"시키고, "시작 유형"을 "수동"으로 설정한다.

사용자 삽입 이미지

"서비스 상태"를 중지시키면 아래와 같은 창이 표시됐다가 Apache Tomcat 서비스가 중지되면 자동으로 사라진다.

사용자 삽입 이미지
AND