2. JSP 프로그래밍을 위한 환경구성

본 장에서는 JSP 프로그래밍을 위한 환경 구성을 설명하고 첫 번째

JSP 페이지인 helloworld.jsp를 작성하여 그 수행 결과를 확인한다.

JSP 프로그래밍을 하려면 우선 Java SE (Standard Edition)가

필요하고 Tomcat 6.0 이 필요하다. 한편, 본인이 잘 사용하는

에디터 프로그램이 있다면 다행이고 그렇지 않다면 무료로

제공되면서도 강력한 기능을 지닌 AcroEdit를 설치하여 JSP

프로그래밍을 한다. 최근 많이 활용되는 Eclipse를 활용한 JSP

프로그래밍 방법은 <부록 B>에서 설명하겠다.

2.1 Java SE 설치 및 구성

2.2 Tomcat 설치 및 구성

2.3 프로그램 작성 에디터 설치 및 구성

2.4 첫 번째 JSP 페이지: helloworld.jsp

2.1 Java SE 설치 및 구성

본 교재에서 제공하는 JSP 예제들을 실행하기 위해서는 다음과 같은 프로그램을 기본적으로

설치해야 한다. 각 프로그램은 관련 사이트에 접속하면 무료로 다운 받을 수 있으며 본 교재

에서 제공하는 별도의 CD나 본 교재의 웹 사이트인 http://www.thinkonweb.com 의 게시

판에서도 다운로드가 가능하다.

l Java SE 1.6 버전 (http://java.sun.com)

l Tomcat 6.0 버전 (http://tomcat.apache.org)

l AcroEdit 0.9 버전 (http://www.acrosoft.pe.kr)

이 장에서는 윈도우즈를 기반 JSP 프로그래밍 환경을 구축하는 방법을 설명한다. 하지만 리

눅스에서도 마찬가지로 위 프로그램을 설치해야 하며 각각의 리눅스에서 설치 방법은 웹사이

트나 리눅스를 다루고 있는 타 교재를 참고하기 바란다.

2.1.1 Java SE 1.6 버전 설치

Java는 활용 목적에 따라 일반적인 데스크탑 환경에서의 소프트웨어 제작을 위한 Java SE

(Standard Edition) 버전과 기업형 소프트웨어 제작을 위한 Java EE (Enterprise Edition)

으로 나뉜다. 사실 JSP 및 Servlet 개발을 위해서는 서버측 컴퓨팅 플랫폼을 완벽하게 지원하

는 Java EE가 더 적합하다. 하지만 JSP 및 Servlet API (Application Programming

Interface)나 관련 도구 및 환경들은 이후 설치하게 될 Tomcat에 포함되어 있기 때문에 서버

측 컴퓨팅 플랫폼에 관련된 방대한 양을 담고 있는 Java EE를 설치할 필요는 없다. 대신

Java SE를 설치하고 이것이 지니고 있는 자바 실행환경 및 컴파일 도구를 활용해도 JSP 및

Servlet 프로그램 작성에 아무 문제가 없다. 게다가, 프로그램 버그 수정을 위한 디버거 및

API 설명 문서를 자동으로 생성해주는 Javadoc 등과 같은 여러 가지 유틸리티를 포함하기

때문에 이것들을 활용하여 효율적으로 동적 웹 페이지를 제작할 수 있다.

한편, Java SE는 기본적으로 자바 프로그램을 실행하기 위한 Java 가상 머신 (JVM, Java

Virtual Machine) 및 다양한 클래스 라이브러리 및 실행환경을 지니고 있는 JRE (Java

Runtime Environment)를 함께 제공한다.

이 책에서 사용할 Java SE는 1.6 버전으로 http://java.sun.com/javase/downloads/?intcm

p=1281 에서 여러 가지 Java SE 버전을 다운받을 수 있는데 Beta 버전 등이 아닌 안정적인

Java SE 설치 프로그램을 다운받는다. 본 교재를 집필하는 시점에서는 아래 [그림 2-1]에서

보이는 것처럼 JDK (Java SE Development Kit) 6 Update 7이 최신이다.

[그림 2-2] 최신 Java SE 다운로드 페이지

JDK 6 Update 7을 다운받아 실행하면 [그림 2-2]와 같은 설치 준비화면이 출력된다.

[그림 2-3] 설치 준비화면

[그림 2-4] 약관 및 동의를 구하는 화면

설치 준비가 끝나면 [그림 2-4]와 같은 약관과 동의를 구하는 화면이 출력된다. [그림 2-4]에

서 [Accept]를 클릭하면 [그림 2-5]처럼 설치 옵션 화면이 출력된다.

[그림 2-5] 설치 옵션 화면

[그림 2-5]에서 옵션의 내용은 다음과 같다.

l Development Tools: 자바개발도구 JDK를 설치

l Demos and Sample: 데모 및 샘플 프로그램 설치

l Source Code: 라이브러리들에 대한 소스 코드 설치

l Public JRE (Java Runtime Environment): 자바 실행 환경 설치

l Java DB (Database): Java SE 6 버전부터 추가된 것이며 간단한 Java DB를 설치

위 다섯 가지 옵션 중에서 [Development Tools]와 [Public JRE]를 설치해야만 개발 및 실행

을 할 수 있다. 하지만 일반적으로 위 다섯 가지 항목을 모두 설치한다. 옵션의 선택 후에

Next 버튼을 누르면 설치가 진행된다. 잠시 후에 [그림 2-6]과 같이 실행 환경 옵션을 선택

하는 화면이 뜬다.

[그림 2-6] 실행 환경 옵션 선택 화면

각각의 실행 환경 옵션은 다음과 같다.

l Java(TM) SE Runtime Environment : 자바 실행 환경 설치

l Additional Languages : 추가 언어 설치 (미국 및 유럽 국가의 언어들은 기본적으로 설

치되며 그 외 국가들의 언어 지원을 위한 설치 옵션)

l Default Java for Internet Explorer: 윈도우즈 운영체제의 Internet Explorer 브라우저

에서 수행되는 Java Applet을 위한 가상머신 설치

l Additional Font and Media Support : 추가 폰트 및 미디어 지원 설치

[J2SE Runtime Environment] 및 [Additional Languages]는 반드시 선택해야만 한다.

Java SE는 Development Kit과 Runtime Environment로 구별된다. Development Kit은

기본적으로 설치가 되는 개발자용 도구 및 파일들이며 Runtime Environment는 윈도우즈

운영체제가 자바관련 소프트웨어를 실행할 때 사용하는 도구 및 파일들이다. 일반적으로 위

선택사항 모두들 선택하여서 향후 추가적으로 사용될 지도 모르는 기능들을 미리 설치해 두

는 것이 좋다. 옵션의 선택 이후에 Next 버튼을 누르면 설치가 계속 진행되고 설치가 완료

되면 [그림 2-7]과 같은 설치 완료 화면이 출력된다. 이 화면에서 Finish 버튼을 누르면

Java SE 설치가 최종적으로 완료된다.

[그림 2-7] 설치 완료 화면

2.1.2 Java 환경 구성

[그림 2-8] Java 개발 도구들이 모여 있는 폴더

마지막으로 해야 할 일은 Java 관련 도구들이 모여 있는 폴더를 PATH 환경변수에 설정하는

작업이다. Java SE의 기본 설치 폴더는 C:\Program Files\Java 이며 이 폴더에는

jdk1.6.0_07 폴더와 jre1.6.0_07 폴더가 있는데 이 중 jdk1.6.0_07 폴더가 실제 개발자가 자주

이용하게 되는 폴더이다. 이 jdk1.6.0_07 폴더 밑에 있는 bin 폴더에 개발자가 활용하게 될 여

러 도구, 즉 컴파일러, 디버거 등이 존재한다. [그림 2-8]은 언급한 bin 폴더의 내용을 보여주

는 화면으로 이 중 가장 많이 활용하게 될 개발도구는 컴파일러로서 javac.exe 이다.

javac.exe를 포함하여 bin 폴더의 여러 개발도구를 효율적으로 활용하기 위해서는 윈도우즈

운영체제가 관리하는 PATH 환경변수에 그 bin 폴더를 등록할 필요가 있다. PATH 환경변

수 설정을 위해서는 윈도우즈에서 [시작] → [제어판] → [시스템]을 클릭하여 [그림 2-8]과

같은 [시스템 등록 정보] 대화창을 띄워야 한다.

[그림 2-8] [시스템 등록 정보] 화면 [그림 2-9] [고급]탭의 [환경 변수] 버튼

위 [시스템 등록 정보]의 [고급]탭을 클릭하면 [그림 2-9]와 같이 아래에 [환경 변수] 버튼이

있다. 이 버튼을 클릭하면 [그림 2-10]과 같은 환경 변수 설정 대화창이 나온다. 이 창에서 환

경변수의 등록, 수정, 삭제를 할 수 있다. 크게 [사용자 변수]와 [시스템 변수]가 있는데 사용

자 변수는 현재 로그인한 사용자에 대한 환경변수를 제공하기 위하여 사용되며 시스템 변수는

시스템의 모든 사용자에 대하여 환경변수를 제공한다.

[그림 2-10] 환경 변수 PATH

[그림 2-11] 환경 변수 PATH에 bin

폴더 추가

첫 번째 변수 명인 PATH를 클릭하여 나오는 창의 맨 마지막에 [그림 2-11]과 같이 세미콜론

(;)을 추가하고 C:\Program Files\Java\jdk1.6.0_07\bin을 새롭게 추가해주면 된다. 만약

PATH 환경 변수가 없다면 [그림 2-10]에서 새로 만들기 버튼을 클릭하여 직접 변수 이름을

PATH로 입력하고 변수 값으로 세미콜론(;) 없이 C:\Program Files\Java\jdk1.6.0_07\bin을

입력하면 된다.

입력이 완료되면 [확인]버튼을 계속 눌러서 [그림 2-9] 화면이 나오도록 한다. 이후 [시작]버

튼의 [실행] 메뉴를 선택하고 이곳에 [그림 2-12]처럼 'cmd' 라는 명령어를 입력하고 [학인]

버튼을 누르자. cmd 는 command 의 약자로서 윈도우즈에서 간단한 exe 나 bat 확장자를 가

진 실행 파일을 수행할 수 있는 커맨드 (command) 프로그램을 실행시키는 명령어이다.

[그림 2-12] [실행]메뉴 선택 이후

cmd 명령어 입력 [그림 2-12] 커맨드 프로그램에서 Java SE 설치

확인

이 커맨드 창에서 곧바로 "javac"를 입력할 때 여러 가지 javac 실행 옵션이 출력되면 Java

SE 및 환경변수 PATH 설정이 올바르게 완료되었음을 의미하게 된다.

2.2 Tomcat 설치 및 구성

2.2.1 Tomcat 6.0 설치

[그림 2-13] Tomcat 6.0의 다운로드 파일

본 교재에서 사용하는 Tomcat의 버전은 6.0으로서 http://tomcat.apache.org에서 최신 버전

을 다운로드 받을 수 있다. 책 집필 당시의 버전은 6.0.16이다. 정확하게는

http://tomcat.apache.org/download-60.cgi1)에서 다운받을 수 있으며 [그림 2-13]에서 보이

듯이 여러 개의 설치 본 중에서 가장 첫 번째인 Binary Distributions 하위의 Core에 있는

Zip을 클릭하여 다운받으면 된다.

[그림 2-13] Tomcat 6.0 설치 완료 모습

1) download-60.cgi에서 60의 의미는 Tomcat 버전 6.0을 의미한다. 그러므로 차후 Tomcat 버전이

새롭게 개발된다면 맨 뒤에 그 버전을 의미하는 숫자와 함께 URL이 변할 수 있다.

다운로드 받은 Zip 파일의 압축을 C드라이브에 풀면 [그림 2-14]와 같이

C:\apache-tomcat-6.0.16 폴더가 생성되며 그 안에 여러 관련 폴더 및 파일이 설치된다. 여

러 폴더 중 bin 폴더는 Tomcat 관련된 여러 가지 실행파일 및 도구가 존재하는 폴더이다.

2.2.2 Tomcat 6.0 환경 설정

이와 같이 간단히 Tomcat을 설치했어도 올바르게 Tomcat을 실행하기 위해서는 다음과 같

은 두 개의 환경 변수를 지정해 주어야 한다.

l JAVA_HOME: JDK가 설치되어 있는 폴더 경로

⇒ C:\Program Files\Java\jdk1.6.0_07

l CATALINA_HOME: Tomcat이 설치되어 있는 폴더 경로

⇒ C:\apache-tomcat-6.0.16

윈도우즈에서 [시작] → [제어판] → [시스템]을 클릭한 후 [고급]탭을 선택하면 [그림 2-14]

와 같은 화면을 볼 수 있다. 여기서 [환경 변수] 버튼을 클릭하면 [그림 2-15]와 같은 환경 변

수 설정 대화상자가 열린다.

[그림 2-14] [고급]탭의 [환경 변수] 버튼 [그림 2-15] 환경 변수 설정 화면

[그림 2-15]의 환경 변수 설정 대화 상자에서 [새로 만들기]를 누르고 [그림 2-16] 및 [그림

2-17]처럼 JAVA_HOME과 CATALINA_HOME 환경변수를 등록한다.

[그림 2-16] JAVA_HOME

환경 변수 설정

[그림 2-17] CATALINA_HOME

환경 변수 설정

2.2.3 Tomcat 6.0 구동

C:\apache-tomcat-6.0.16\bin 폴더에는 [그림 2-18]에서 볼 수 있듯이 여러 가지 Tomcat

관련 실행파일 및 도구 파일들이 있다. 이중에서 *.bat 파일은 윈도우 운영체제에서 실행되는

스크립트이고 *.sh 파일은 유닉스나 리눅스 운영체제 에서 실행되는 스크립트이다.

[그림 2-18] C:\apache-tomcat-6.0.16\bin

폴더 내용

Tomcat을 시작하고 종료하는 실행 파일은 다음과 같다.

l startup.bat | startup.sh : Tomcat을 시작하는 실행파일

l shutdown.bat | shutdown.sh : Tomcat을 종료하는 실행파일

우선 Tomcat을 시작해보자. 명령어(Command) 창에서 [그림 2-19]에서처럼

C:\apache-tomcat-6.0.16\bin으로 이동한 후에 startup.bat을 타이핑하여 실행하여 하여도

되고 윈도우즈 탐색기에서 직접 startup.bat을 클릭하여 실행하여도 된다.

[그림 2-19] 명령어 창에서 startup.bat을 실행

[그림 2-19]와 같이 새로운 명령 프롬프트가 생기면서 Tomcat이 실행된다. 만약에 제대로 실

행되지 않는다면 환경변수에서 "JAVA_HOME"과 "CATALINA_HOME"의 경로가 제대로

입력되어 있는지 확인하여 보자.

Tomcat이 에러 없이 올바르게 수행되었다면 웹 브라우저를 열고 "http://localhost:8080"을

주소란에 입력하여 보자. [그림 2-20]과 같은 화면이 출력되면 Tomcat이 올바르게 설치되고

수행되는 것이다. 주소에서 localhost는 현재 사용하고 있는 컴퓨터에 대한 도메인 이름

(Domain Name)이다. IP 주소로는 129.0.0.1과 동일하기 때문에 "http://129.0.0.1:8080"을 주

소란에 입력해도 같은 모습을 볼 수 있다. 8080은 포트 (Port) 번호를 의미하며 네트워크 소

프트웨어인 Tomcat의 서버 데몬 (Deamon)은 기본적으로 8080 포트를 사용하기 때문에 주

소란에 반드시 이러한 포트 번호를 적어주어야 한다.

그림 2-20 Tomcat 구동 화면

Tomcat의 왼쪽 아래 메뉴 중에 “Miscellaneous"란에 보면 ”JSP Examples"라는 메뉴가 있

다. 이 메뉴를 클릭하면 다양한 JSP 예제들을 실행해 볼 수 있다.

이제 Tomcat을 종료하여 보자. 앞에서 Tomcat을 시작했던 명령어 창이나 윈도우 탐색기에

서 "C:\apache-tomcat-6.0.16\bin" 폴더에 있는 shutdown.bat을 실행하면 새롭게 생성된

명령 프롬프트가 닫히면서 Tomcat이 종료된다.

2.3 프로그램 작성 에디터 설치 및 구성

프로그래밍을 하게 될 때에는 각각의 언어에 적합한 개발 툴을 사용하게 되는데 웹 프로그래

밍을 하게 될 때에는 메모장 같은 프로그램보다는 편집기를 사용하여 개발을 하게 된다. 자주

쓰이는 유명한 편집기에는 EditPlus나 UltraEditor가 있지만 이 책에서는 AcroEdit를 사용

한다.

AcroEdit는 AcroSoft에서 개발한 텍스트 편집기로서 공개 프로그램으로서 무료로 배포되고

있다. 지금도 개발 중에 있는 AcroEdit는 공개프로그램이지만 상용 편집기 못지않게 많은 기

능을 지원하고 있다. AcroEdit는 다른 편집기들에서 지원하는 편리한 인터페이스나 편집 기

능, 문법구조를 지원하고 있다. 또한, AcroEdit의 또 다른 강점은 파일 비교 및 통합 기능인데

비교하는 파일 사이의 차이점을 직관적으로 보여줘서 두 파일 간의 차이점을 쉽게 파악할 수

있고 두 파일의 병합 또한 간단하게 가능하다.

2.3.1 AcroEdit 0.9.17.80 설치하기

AcroEdit는 아크로소프트의 홈페이지인 http://www.acrosoft.pe.kr/에서 다운로드 받을 수

있다. 본 교재를 집필하는 시점에서는 0.9.18.82가 최신버전이다.

[그림 2-21] 최신 AcroEdit 다운로드 페이지

AcroEdit 설치파일을 받아서 실행하면 [그림 2-21]과 같은 화면이 출력된다. ‘예’를 누르면

설치 프로그램이 시작된다.

[그림 2-22] 설치 소개 화면

[그림 2-22]의 설치 소개 화면에서 [다음]을 누르면 [그림 2-23]과 같이 약관 및 동의를 구하

는 화면이 출력된다.

[그림 2-23] 약관 및 동의를 구하는 화면 [그림 2-24] 설치 경로를 묻는 화면

"동의함"에 체크를 하고 [다음]을 누르면 [그림 2-24]와 같이 AcroEdit의 설치경로를 묻는 화

면이 출력된다. 기본경로 말고 다른 경로를 원하면 직접 입력하거나 “찾아보기”를 누르고 원

하는 경로를 선택해주면 된다. 경로설정을 하고 [다음]을 누르면 [그림 2-25]와 같이 시작메뉴

의 단축아이콘 설정에 대한 화면이 출력된다.

[그림 2-25] 단축아이콘 추가 물음 화면 [그림 2-26] 부가 작업 선택 화면

단축아이콘을 시작메뉴의 추가하기 위하여 기본 경로 또는 자신이 원하는 경로를 입력해주면

된다. 시작메뉴 등록을 원하지 않을 경우에는 하단에 “시작 메뉴 폴더를 만들지 않음”을 체크

해주면 된다. 설정을 하고 [다음]을 누르면 [그림2-26]과 같이 부가작업에 대한 설정화면이 출

력된다. 어떤 옵션을 선택하던 하지 않던 AcroEdit를 사용하는 것에는 문제가 없다. 자신이

원하는 부가작업을 선택하고 [다음]을 누른다.

[그림 2-27] 설치준비 완료 화면 [그림 2-28] 설치 완료 화면

그러면, [그림 2-27]과 같이 AcroEdit를 설치하기 위한 설정 준비가 모두 완료된다. [설치]를

누르면 AcroEdit가 설치되고, 설치가 완료되면 [그림 2-28]과 같은 설치완료화면이 출력된다.

[완료]를 누르면 정상적으로 AcroEdit의 설치가 끝난다. [그림 2-29]는 설치가 완료된

AcroEdit를 실행한 화면이다.

[그림 2-29] AcroEdit 실행화면

2.3.2 JSP 문법 강조 파일 설정

문법 강조 파일의 다운로드는 www.thinkonweb.com 사이트의 교재 관련 프로그램 다운로

드 페이지에서 받을 수 있다. 이 페이지에서 “JSP 문법 강조 파일”을 받아서 AcroEdit가 설

치된 폴더 내의 Syntax 폴더에 다운 받아 저장한다. 기본 설치 경로에 AcroEdit를 설치하였

을 경우에는 C:\Program Files\AcroSoft\AcroEdit\Syntax에 다운 받는다.

[그림 2-30] AcroEdit의 환경설정 가는 방법

[그림 2-30]과 같이 AcroEdit의 메뉴에 도구에서 환경설정을 클릭한다. 환경설정의 왼쪽 메

뉴에서 문법 강조를 누르면 [그림 2-31]과 같은 환경설정 화면이 출력된다. AcroEdit에서 기

본적으로 제공하는 언어들의 문법 강조가 설정되어 있다.

[그림 2-31] AcroEdit의 환경설정 화면 [그림 2-32] 문법 강조 파일 열기 화면

[추가]버튼을 클릭하면 [그림 2-32]와 같이 문법 강조 파일 열기 창이 뜬다. jsp.stx를 저장한

폴더로 들어가서 jsp.stx를 선택하고 [열기]버튼을 클릭하면 [그림 2-33]과 같이 jsp의 문법

강조 파일이 추가되어진다. 이제 jsp파일의 경우에는 jsp.stx에 있는 jsp의 문법 강조가

AcroEdit에 출력되어진다.

[그림 2-33] 환경설정에서 jsp.stx를 추가한 화면

2.4 첫 번째 JSP 페이지: helloworld.jsp

본 절에서는 지금까지 설치한 Java, Tomcat, AcroEdit를 사용하여 첫 번째 JSP 페이지를

만들어 테스트해 볼 것이다. 첫 번째 JSP 페이지의 이름은 helloworld.jsp이다. [그림 2-34]

와 같이 탐색기에서 tomcat의 설치 폴더를 찾아 그 하위에 webapps 폴더를 클릭한다.

[그림 2-34] tomcat설치 폴더 밑의 webapps 폴더 내용

위 폴더 내에 [그림 2-35]와 같이 jspbook이라는 폴더를 만든다. 이 jspbook폴더는 첫 번째

JSP 페이지인 helloworld.jsp를 저장하여 이용할 웹 어플리케이션의 루트 (Root) 역할을 하

게 될 폴더가 된다. 웹 어플리케이션의 이름은 폴더 이름과 동일하여 jspbook이 된다.

[그림 2-35] webapps 폴더 내에 jspbook 폴더 생성

[그림 2-36]과 같이 jspbook 폴더 안에 현재 챕터인 ch02 라는 폴더를 만든다.

[그림 2-36] jspbook 폴더 내에 ch02 폴더 생성

다음에 AcroEdit 또는 자신이 잘 사용하는 에디터를 수행하여 다음 예제를 타이핑하여 ch02

폴더 내에 helloworld.jsp 라는 파일명으로 저장한다.

0 10 20 30 40 50 60 7

< % @ p a g e co n te n tT yp e = " te x t/h tm l;c h a rse t= e u c -k r" % >< h tm l>< b o d y>< % o u t .p r in t ln ("H e llo W o rld !" ) ; % > < b r/>< % o u t .p r in t ln ("안 녕 하 세 요 ." ) ; % >< /b o d y>< /h tm l>

[예제 2.1 - jspbook\ch02\helloworld.jsp]

Tomcat 설치 폴더 하위의 bin 폴더로 가서 startup.bat을 실행한 후에 웹 브라우저를 실행하

여 다음과 같은 URL을 입력하여 helloworld.jsp를 실행해 보자. 그 결과로서 [그림 2-37]과

같은 화면을 볼 수 있다면 첫 번째 JSP 페이지인 helloworld.jsp를 완벽하게 작성하여 그 결

과를 확인한 것이다.

h ttp :/ / lo c a lh o s t :8 0 8 0 / js p b o o k /c h 0 2 /h e llo w o r ld .jsp

[그림 2-37] helloworld.jsp 실행 모습

Note: [그림 2-38]처럼 http://www.thinkonweb.com에서 본 교재의 모든 예제를 직

접 실행해 볼 수 있다.

[그림 2-38] http://www.thinkonweb.com에서의 helloworld.jsp

실행 모습

[그림 2-37]은 URL 시작 부분이 http://localhost:8080으로 되어있으며 [그림 2-38]

은 URL 시작 부분이 http://www.thinkonweb.com 으로 되어있다. 직접 예제를 작

성하여 자신의 컴퓨터에서 실행할 때에는 [그림 2-37]처럼 URL을

http://localhost:8080로 입력하여 JSP를 실행해야 한다.