BLOG ARTICLE netbeans | 1 ARTICLE FOUND

  1. 2009.06.07 NetBeans에서 JSP 개발하기

Eclipse와 함께 Java 개발 통합환경으로 자주 이야기 되는 프로그램으로 NetBeans가 있다. NetBeans는 SUN에서 개발 배포되는 프로그램으로 "http://www.netbeans.org"에서 무료로 다운로드할 수 있다. NetBeans 역시 많은 사용자를 확보하고 있는 성공적인 오픈 소스 프로젝트로 지속적으로 성장하고 있는 커뮤니티와 전세계 100여개에 달하는 파트너들을 거느리고 있다.

현재 이 프로젝트는 NetBeans IDE와 NetBeans Platform, 두 종류의 프로덕트가 존재하는데 NetBeans IDE는 개발 환경이고, NetBeans Platform은 대규모 데스크탑 애플리케이션을 개발할 때, 소프트웨어의 뼈대로 활용할 수 있는 기반 소프트웨어이다.

두 제품 모두 오픈 소스이며, 상업적인 용도와 비상업적인 용도 모두에 대해 무료로 사용할 수 있다. 그러면 NetBeans IDE를 이용 JSP 프로젝트를 생성하고 프로그램을 작성 실행하는 방법을 살펴보자.

우선 NetBeans IDE를 싱행하면 다음과 같은 화면을 볼 수 있다.

사용자 삽입 이미지

NetBean IDE 초기화면


위 화면에서 JSP 프로젝트를 생성하려면 먼저 Project Window에서 마우스 오른쪽 버튼을 클릭해 "New Project..." 항목을 선택한다.

사용자 삽입 이미지

New Project 항목 선택


"New Project" 창은 생성할 프로젝트가 어떤 종류의 프로젝트인가를 지정하는 창이다. 이 창이 뜨면 "Categories" 에서 "Java Web"을 클릭한다. 그러면 "Projects:"의 내용이 변경되는데 여기서 "Web Application" 항목을 선택하고 "Next >" 버튼을 클릭 다음 화면으로 넘어간다.

사용자 삽입 이미지

JSP를 위한 프로젝트 선택


프로젝트 이름을 지정하기 위한 "New Web Application" 창이 뜨면 "Project Name"에 적당한 이름을 지정한다. 여기서는 "HelloWeb"으로 하였다. 프로젝트 이름을 지정한 후에 "Next >" 버튼을 클릭한다.

사용자 삽입 이미지

프로젝트 이름 지정


"New Web Application" 창에서는 JSP 프로그램을 실행시키기 위한 서버를 설정해야 한다. Eclipse에서는 "Apache Tomcat"을 별도로 다운로드 받은 후 JSP 실행을 위한 서버로 사용했지만 "NetBeans"에서는 기본적으로 "GlassFish" 서버를 포함하고 있다.

이 글을 작성하는 시점에서 "NetBeans IDE 6.5.1"에 포함된 "GlassFish"는 V2와 V3 Prelude이다. 그 중 GlassFish V3 Prelude는 모듈식 OSGi 기반 아키텍처 위에 구축된 경량의 Web 2.0 개발 및 배포 플랫폼으로 개발자는 JRuby, Groovy와 같은 기존 Java 웹 기술을 지원하면서 동적으로 확장 가능하고 포함 가능한 플랫폼의 이점을 누릴 수 있다고 한다.

여기서는 GlassFish V3을 서버로 사용하겠다. 물론 NetBeans에서도 "Apache Tomcat"을 원하면 이를 사용할 수 있다.

"Server" 항목을 "GlassFish V3"으로 설정했으면 "Next >" 버튼을 클릭하여 다음 단계로 넘어간다. 참고로 "Context Path" 항목은 프로젝트 이름 "HelloWeb"과 관련돼있음을 기억하자.

사용자 삽입 이미지

서버설정


이 창은 프레임워크를 설정하는 화면으로 자신이 사용하는 프레임워크가 있으면 이를 지정한다. 여기서는 사용하는 프레임워크가 없으므로 그냥 "Finish" 버튼을 클릭 모든 프로젝트 설정을 마무리한다.

사용자 삽입 이미지

프레임워크 설정


프로젝트가 성공적으로 생성되면 "Project Window"에 다음과 같은 구조의 트리가 나타난다.

사용자 삽입 이미지

프로젝트 트리


프로젝트가 성공적으로 생성됐다면 이제 프로그램을 작성해 보자. 먼저 "NameHandler"라는 JSP 빈즈를 만들어보자. JSP 빈즈를 만들기 위해서는 다음 그림과 같이 프로젝트 트리의 "Source Packages" 위에서 마우스 오른쪽 클릭을 한 다음 "New", "Java Class"를 차례로 선택한다.

사용자 삽입 이미지

JSP 빈즈 생성


"New Java Class" 창이 뜨면 "Class Name"과 "Package"를 지정한다. 여기서는 각 항목을 "NameHandler"와 "org.mypackage.hello"로 지정한 후 "Finish" 버튼을 클릭하였다.

사용자 삽입 이미지

클래스 이름 및 패키지 지정


JSP 빈즈가 올바르게 생성됐으면 다음과 같이 "Source Packages" 아래에 "org.mypackage.hello" 패키지가 생성되고 그 패키지 아래에 "NameHandler.java" 파일이 위치한다.

사용자 삽입 이미지

JSP 빈즈를 생성한 후 프로젝트 트리


여기서 "NameHandler.java" 항목을 더블클릭하여 "NameHandler.java" 파일이 다음 내용이 되도록 수정한 후 저장한다.

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

package org.mypackage.hello;

/**
 *
 * @author 오윤상
 */
public class NameHandler {
    private String name;

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

    public String getName() {
       return name;
    }

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

}

이제 프로젝트 트리에서 "index.jsp"를 더블클릭하여 "index.jsp"를 편집화면으로 불러낸 후 아래 내용으로 변경한 후 저장한다.

<%--
    Document   : index
    Created on : 2009. 6. 7, 오후 2:49:36
    Author     : 오윤상
--%>

<%@page contentType="text/html" 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>JSP Page</title>
    </head>
    <body>
        <h1>Entry Form</h1>

        <form name="Name Input Form" action="response.jsp">
            Enter your name:
            <input type="text" name="name" />
            <input type="submit" value="OK" />
        </form>
    </body>
</html>


이제 새로운 JSP 프로그램 "response.jsp"를 만들어 보자. 새로운 JSP 프로그램을 만들기 위해서는 프로젝트 이름 "HelloWeb" 위에서 마우스 오른쪽 클릭을 한 후 다음 그림과 같이 "New", "JSP..." 항목을 차례로 선택한다.
 
사용자 삽입 이미지

JSP 파일 만들기


"New JSP File" 창이 뜨면 "JSP File Name"에 원하는 JSP 파일 이름을 준다 이 때 확장자 ".jsp"는 생략 가능하며 자동으로 ".jsp"가 붙는다. 여기서는 이릉으로 "response"를 입력했다. 이름을 입력했으면 "Finish" 버튼을 클릭 새로운 JSP 파일의 생성을 마무리한다.

사용자 삽입 이미지

JSP 파일 이름 입력


이제 프로젝트 트리에서 "Web Pages" 아래에 새롭게 생성된 "response.jsp" 파일을 더블클릭하여 내용을 아래와 같이 수정한 후 저장한다.

<%--
    Document   : response
    Created on : 2009. 6. 7, 오후 3:07:15
    Author     : 오윤상
--%>

<%@page contentType="text/html" 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>JSP Page</title>
    </head>
    <body>
        <jsp:useBean id="mybean" scope="session" class="org.mypackage.hello.NameHandler" />
        <jsp:setProperty name="mybean" property="name" />
        <h1>Hello, <jsp:getProperty name="mybean" property="name" />!</h1>
    </body>
</html>


앞의 프로그램 "NameHandler.java", "index.jsp", "response.jsp"를  모두 입력했다면 이제 실행릉 해 보자. 이 세 프로그램 중 "index.jsp"를 실행하면 나머지 두 프로그램은 자동으로 처리되므로 여기서는 index.jsp 프로그램만 실행하는 방법만 살펴보자.

"index.jsp"를 샐행하려면 다음 그림과 같이 프로젝트 트리의 "index.jsp"에서 마우스 오른쪽 클릭 후 "Run File" 항목을 선택한다.

사용자 삽입 이미지

JSP 파일 실행


그러면 "NetBeans IDE" 하단에 메세지 출력과 함께 잠시 후에 "index.jsp" 프로그램이 실행된 인터넷 브라우저가 뜬다. 여기서 적당한 값을 주고 "OK" 버튼을 클릭하면 "response.jsp"를 실행한다.

사용자 삽입 이미지

index.jsp 실행화면


사용자 삽입 이미지

response.jsp 실행화면


AND