이클립스를 이용한 웹 개발

소스 코드를 수정할 때마다 소스 코드를 컴파일 하거나 서버를 시작하는 명령어를 실행하는 건 매우 성가신 작업 중의 하나이며 개발 속도를 늦추는 원인이기도 하다. 통합 개발 환경(IDE) 도구를 이용하면 이런 성가신 작업을 개발 도구가 대신 처리해 주기 때문에 개발 생산성을 높일 수 있다.

현재 널리 사용되고 있는 통합 개발 환경 도구로는 이클립스가 있다. 최신 버전의 이클립스는 http://www.eclipse.org/downloads/ 사이트에서 다운로드 할 수 있다.

서버 실행 환경 설정하기

이클립스를 이용해서 웹 어플리케이션을 개발하려면, 개발 과정에서 웹 어플리케이션을 실행할 때 사용할 서버를 먼저 설정해 주어야한다.

[window] - [Preferences] 메뉴를 실행

좌측 트리에서 [server] - [runtime enviroments]

새로운 실행 환경으로 사용할 서버 타입을 선택하는 대화창이 뜬다.

name : 서버 실행 환경을 식별하기 위한 이름을 입력한다.

Tomcat installation directroy  : 톰캣 설치 디렉터리 지정

웹 프로젝트 생성하기

[File] - [New] - [Dynamic Web Project] 메뉴를 선택해서 웹 어플리케이션 프로젝트를 생성한다.

Project name :프로젝트의 이름

project contents : 프로제긑 관련 파일이 위치할 디렉터리

target Runtime : 웹 어플리케이션을 실행할 때 사용할 서버 실행 환경을 선택

Dynamic Web module versin : 서블릿 버전을 선택한다. JSP 2.1의 경우 서블릿 2.5 버전을 JSP 2.0의 경우 서블릿 2.4버전을 선택한다.

그러면 웹 모듈 설정 화면이 뜬다.

context root: 웹 어플리케이션의 콘텍스트 경로를 입력한다. 이 항목에 입력한 값을 이용해서 http://서버:포트/[콘텍스트경로] 형식의 주소로 접근한다. 루트('/') 콘텍스트인 경우 값을 입력하지 않는다.

content direcrory : JSP, HTML, 이미지, WEB-INF 디렉터리가 위치할 디렉터리의 이름을 입력한다.

java soure directroy : 자바 소스 파일이 위치할 디렉터리의 이름을 입력한다.

generate deployment descriptor : web.xml 파일을 생성할지의 여부를 지정한다.

JSP 추가하기

JSP 파일을 추가하려면 웹 프로젝트의 webcontent 폴더에서 마우스의 오른쪽 버튼을 클릭한 후 [new] - [jsp] 메뉴를 실행한다.

자바 코드 추가하기

앞서 13장에서 살펴 봣던 방명록 예제에서는 소스코드를 WEB-INF/src 디렉터리에 위치 시켰는데, 이클립스 웹 플젝트를 이요해서 개발하는 경우 [프로젝트디렉터리]/src 디렉터리에 소스 코드를 추가해 주면된다. (src 디렉터리는 웹프로젝트를 생성할 때 설정한 디렉터리이다.)

먼저 패키지를 추가해 보자. 프로젝트 오른쪽 클릭을 [new] - [package] 또는 [file] - [new] - [others...]

자바클래스 추가

[new] - [class] 또는 [file] - [new] - [others...]

 

package : 클래스가 포함될 패키지를 입력한다. [browse..] 버튼을 클릭하면 패키지를 선택할 수 있다.

name : 클래스의 이름을 입력한다.

modifiers : 클래스의 수식어를 선택한다.

superclass : 상위 클래스를 입력한다. [browse..] 버튼을 클릭해서 상속 받을 클랫를 검색할 수 잇다.

interfaces : 구현할 인터페이스를 선택한다. [add.. ] 버튼을 클릭해서 구현할 인터페이스를 검색할 수 있다.

패키지를 선택하고 클래스의 이름을 입력한 뒤 [finish] 버튼을 클릭하면 클래스 생성이 완료된다.

jar 파일 추가하기

WEB-INF/lib 디렉터리에 추가 해주면 된다. 클래스 패스를 따로 설정해 주지 않아도 'Dynamic Web Project'는 기본적으로 jar 파일을 추가해준다.

서버를 이용해서 웹 어플리케이션 실행하기

 

[run] - [run as] - [run on server]메뉴를 실행

신규 서버 정의 화면이 뜬다.

server name : 실행할 서버 이름을 설정한다.

server runtime environment : 사용할 서버 실행 환경을 선택한다.

Always use this server when running this project : 이 옵션을 선택하면 프로젝트를 "run on server" 메뉴로 실행할 때 항상 선택한 서버 실행환경을 이용해서 웹 어플리케이션을 구동한다.

배포할 WAR파일 생성하기

이클립스에서 개발하는 동적 웹프로젝트의 디렉터리 구조는 서블릿 규약에 정의 되어 있는 표준 디렉터리 구조와는 다른다. 예를 들어 서블릿 표준 규약은 WEB-INF/classes 디렉터리에 클래스 파일이 위치하도록 정의하고 있지만 이클립스의 동적 웹 프로젝트는 [프로젝트]/build 디렉터리에 클래스 파일을 생성하고 있다. 따라서 개발한 코드를 실제로 사용할 WAS에 배포해서 테스트 하려면 서블릿 규약에 맞는 디렉터리 구조를 생성하고 각 디렉터리에 알맞게 복사해주는 작업을 해야한다.

테스트 할때마다 매번 파일을 복사해주는 작업은 매우 성가신 일인데, 이클립스가 제공하는 'WAR Export' 기능을 사용하면 이런 번거로움을 해소 할 수 있다. [export] - [WAR file] 메뉴를 실행