HOME / Docs & Support / NetBeans 5.5

웹 응용 프로그램 개발 소개

NetBeans IDE 5.5를 사용한 웹 응용 프로그램 개발에 관해 기초적인 내용을 단계별로 소개합니다. 본 문서에서는 필수적인 과정만을 다루고 있습니다. 자세한 NetBeans IDE 사용 방법은 NetBeans 웹 사이트에서 지원 및 설명서 페이지를 참조하십시오.

간단한 웹 응용 프로그램을 만들고 배포하며 실행할 예정입니다. 이 응용 프로그램에서는 JavaServer Pages™ 페이지에서 이름을 입력하도록 합니다. 그런 다음 JavaBeans™ 구성 요소에서 HTTP 세션 중에 해당 이름을 사용하고 다른 JavaServer Pages 페이지에서도 이 이름을 사용합니다.

웹 응용 프로그램 프로젝트 설정

코드 작성을 시작하기 전에 필요한 소프트웨어를 모두 설치하고 프로젝트를 올바르게 설정해야 합니다.

소프트웨어 설치

시작하기 전에 컴퓨터에 다음 소프트웨어를 설치해야 합니다.

NetBeans IDE 5.5(다운로드)
Java Standard Development Kit(JDK™) 버전 5.0 또는 6.0(다운로드)

또는 Sun Java System(SJS) Application Server(다운로드), JBoss 또는 WebLogic을 다운로드하여 사용할 수도 있습니다. 그러나 IDE와 번들로 제공되는 Tomcat Web Server는 본 안내서에 설명된 것과 같은 2-계층 웹 응용 프로그램에 필요한 모든 지원이 제공됩니다. 응용 프로그램 서버(SJS Application Server, JBoss, WebLogic 등)는 엔터프라이즈 응용 프로그램을 개발할 경우에만 필요합니다.

IDE에 서버 등록

번들로 제공되는 Tomcat Web Server는 IDE에 자동으로 등록됩니다. 그러나 SJS Application Server, JBoss, WebLogic의 경우 IDE에 로컬 인스턴스를 등록해야 배포 가능합니다. NetBeans IDE 5.5/SJS Application Server 번들을 설치한 경우 SJS Application Server의 로컬 인스턴스가 자동으로 등록됩니다. 나머지 경우는 다음 절차를 따르십시오.

기본 창에서 Tools > Server Manager를 선택합니다.
Add Server를 클릭합니다. 서버 유형을 선택하고 인스턴스 이름을 지정합니다. 그런 다음 Next를 클릭합니다.
서버 정보, 응용 프로그램 서버의 로컬 인스턴스 위치, 배포할 도메인을 지정합니다.

새 웹 응용 프로그램 프로젝트 만들기

File > New Project를 선택합니다. Categories에서 Web을 선택합니다. Projects에서 Web Application을 선택하고 Next를 클릭합니다.
Project Name에 HelloWeb을 입력합니다. Context Path가 /HelloWeb이 됩니다.
Project Location을 원하는 컴퓨터 디렉토리로 변경합니다. 지금부터 이 디렉토리를 $PROJECTHOME이라 하겠습니다.
소스 구조의 권장 규약을 선호도에 따라 선택합니다.
- Java BluePrints. 자세한 내용은 http://java.sun.com/blueprints/code/projectconventions.html을 참조하십시오.
- Jakarta. 자세한 내용은 http://jakarta.apache.org/tomcat/tomcat-5.5-doc/를 참조하십시오.
응용 프로그램을 배포할 서버를 선택합니다. IDE에 등록된 서버만 목록에 나타납니다.
Set as Main Project 확인란을 선택합니다. Finish를 클릭합니다.
IDE에서 $PROJECTHOME/HelloWeb 프로젝트 폴더를 만듭니다. 이 프로젝트 폴더에 프로젝트의 Ant 빌드 스크립트를 비롯한 모든 소스와 프로젝트 메타데이터가 포함됩니다. HelloWeb 프로젝트가 IDE에서 열립니다. 논리 구조는 Projects 창에서, 파일 구조는 Files 창에서 볼 수 있습니다.

웹 응용 프로그램 소스 파일 만들기 및 편집

소스 파일 만들기 및 편집은 IDE에서 제공하는 가장 중요한 기능입니다. 이 작업을 하는 데 하루가 거의 다 소요되는 경우가 많습니다. 개발자 중에는 모든 코드를 직접 작성하는 사람도 있고 IDE에서 일괄적으로 자동 생성해 주길 바라는 사람도 있습니다. 어떤 경우든지 IDE에서 제공하는 도구를 유용하게 사용할 수 있습니다.

Java 패키지 및 Java 소스 파일 만들기

Source Packages 노드를 확장합니다. Source Packages 노드에는 비어 있는 기본 패키지 노드만 있습니다.
Source Packages 노드를 마우스 오른쪽 버튼으로 클릭하고 New > Java Class를 선택합니다. Class Name 입력란에 NameHandler를 입력하고 Package 드롭다운에 org.me.hello를 입력합니다. Finish를 클릭합니다.
Source Editor에서 클래스 선언 바로 아래에 다음 줄을 입력하여 필드를 선언합니다.
```
    String name;
```
nameHandler() 메소드에 다음 줄을 추가합니다.
```
    name = null;
```

Getter 및 Setter 메소드 생성

클래스의 처음 필드 선언에서 name을 마우스 오른쪽 버튼으로 클릭하고 Refactor > Encapsulate Fields를 선택합니다. Next를 클릭합니다. 명령이 기본 옵션으로 실행됩니다.

Do Refactoring을 클릭합니다. name 필드에 대해 getter 및 setter 메소드가 생성되고 액세스 레벨이 private로 변경됩니다. 이 Java 클래스는 다음과 유사합니다.

    package org.me.hello;

    /**
     *
     * @author Administrator
     */

    public class NameHandler {

	private String name;

        /** Creates a new instance of NameHandler */
        public NameHandler() {
           setName(null);
        }

        public String getName() {
           return name;
        }

        public void setName(String name) {
           this.name = name;
        }

    }

JavaServer Pages 기본 파일 편집

HelloWeb 프로젝트 노드와 Web Pages 노드를 확장합니다. JavaServer Pages 기본 파일 index.jsp가 만들어져 있습니다. 프로젝트를 만들 때 Source Editor에 index.jsp 파일이 열렸습니다.
index.jsp Source Editor 탭을 선택합니다. Source Editor에서 index.jsp 파일에 포커스가 있습니다.
Source Editor 오른쪽 Palette에서 HTML Forms를 확장하고 Form 항목을 Source Editor의 <h1> 태그 아래로 드래그합니다. Insert Form 대화 상자가 나타납니다.

다음 값을 설정합니다.
- Action: response.jsp
- Method: GET
- Name: Name Input Form
OK를 클릭합니다. 양식이 index.jsp 파일에 추가됩니다.
Text Input 항목을 </form> 태그 바로 앞으로 드래그합니다.
다음 값을 설정합니다.
- Name: name
- Type: text
OK를 클릭합니다. Text Input이 <form> 태그 사이에 추가됩니다.
Button 항목을 </form> 태그 바로 앞으로 드래그합니다.

다음 값을 설정합니다.
- Label: OK
- Type: submit
OK를 클릭합니다. Button이 <form> 태그 사이에 추가됩니다.
Enter your name: 을 <input> 태그 앞에 입력하고 <h1> 태그 사이의 텍스트를 Entry Form으로 변경합니다.
<body> 태그 사이의 태그가 다음과 같아집니다.

<h1>Entry Form</h1><form name="Name Input Form" action="response.jsp" method="GET">
Enter your name: <input type="text" name="name" value="" />
<input type="submit" value="OK" /></form>

JavaServer Pages 파일 만들기

HelloWeb 프로젝트 노드와 Web Pages 노드를 확장합니다.
Web Pages 노드를 마우스 오른쪽 버튼으로 클릭하고 New > JSP를 선택합니다. JavaServer Pages 파일 이름으로 response를 지정하고 Finish를 클릭합니다.
Source Editor에 새 response.jsp가 열립니다.
Source Editor 오른쪽 Palette에서 JSP를 확장하고, Use Bean 항목을 Source Editor에서 <body> 태그 바로 아래로 드래그합니다.
다음 값을 설정합니다.
- ID: mybean
- Class: org.me.hello.NameHandler
- Scope: session
OK를 클릭합니다. <body> 태그 밑에 Use Bean이 추가되었습니다.
Palette에서 Get Bean Property 항목과 Set Bean Property 항목을 추가합니다 <body> 태그 사이의 태그가 다음과 같아지도록 코드를 변경합니다.

<jsp:useBean id="mybean" scope="session" class="org.me.hello.NameHandler" />
<jsp:setProperty name="mybean" property="*" />
<h1>Hello, <jsp:getProperty name="mybean" property="name" />!</h1>

웹 응용 프로그램 프로젝트 빌드 및 실행

IDE에서는 Ant 빌드 스크립트를 사용하여 웹 응용 프로그램을 빌드 및 실행합니다. New Project 마법사와 프로젝트의 Project Properties 대화 상자에 입력한 옵션을 바탕으로 빌드 스크립트가 생성됩니다.

Run 메뉴에서 Run > Run Main Project(F6)를 선택합니다.
프로젝트를 만들 때 지정한 서버를 이용하여 웹 응용 프로그램이 빌드 및 배포됩니다.
배포된 index.jsp 페이지의 입력란에 이름을 입력합니다.

OK를 클릭합니다. response.jsp 페이지가 인사말과 함께 열립니다.

의견 보내기

다음 단계

NetBeans IDE 5.5에서 웹 응용 프로그램을 배포하는 작업에 대한 자세한 내용은 다음 리소스를 참조하십시오.

NetBeans IDE Java EE 개발 기능에 대해 의견과 제안 사항을 보내거나, 지원을 받거나, 최신 개발 내용을 안내 받으려면 메일링 리스트에 가입하십시오. 곧 선보일 NetBeans IDE Java EE 개발 기능에 대한 자세한 내용은 http://j2ee.netbeans.org/를 참조하십시오.

Bookmark this page