내 남자의 길~!

<project name="ant" default="test1_2" basedir=".">

       <tstamp/>

       <!-- property -->

       <property name="src" location="src"/>

       <property name="build" location="build"/>

       <property name="lib" location="lib"/>

       <property name="dist" location="dist"/>

       <property name="doc" location="doc"/>

       <!-- compile -->

       <target name="compile" description="compile">

             <mkdir dir="${build}"/>

             <javac srcdir="${src}" destdir="${build}"

                classpath="${lib}/log4j-1.2.8.jar"/>

       </target>

       <!-- test1과 test2를 jar로 묶는다 -->

       <target name="test1_2" depends="compile"

             description="test1 and test2 packaging">

             <mkdir dir="${dist}"/>

             <jar jarfile="${dist}/test1_2.${DSTAMP}.jar">

                    <fileset dir="${build}">

                           <exclude name="test3/*.*"/>

                    </fileset>

             </jar>

       </target>

       <!-- test2과 test3를 jar로 묶는다 -->

       <target name="test2_3" depends="compile"

             description="test2 and test3 packaging">

             <mkdir dir="${dist}"/>

             <jar jarfile="${dist}/test2_3.${DSTAMP}.jar">

                    <fileset dir="${build}">

                           <exclude name="test1/*.*"/>

                    </fileset>

             </jar>

       </target>

       <!-- doc -->

       <target name="doc" depends="test1_2, test2_3">

             <mkdir dir="${doc}"/>

             <javadoc destdir="${doc}">

                    <fileset dir="${src}"/>

             </javadoc>

       </target>

       <!-- zip -->

       <target name="zip" depends="test1_2, test2_3">

             <copy todir="${dist}/lib">

                    <fileset dir="${lib}"/>

             </copy>

             <zip destfile="test_${DSTAMP}.zip">

                    <fileset dir="${dist}"/>

             </zip>

       </target>

       <!-- delete -->

       <target name="delete" depends="doc, zip">

             <delete dir="${build}"/>

       </target>

</project>

우아한 Metal 룩앤필의 Swing이 처음 모습을 드러냈을 때, 미적인 면에서 그 주된 경쟁 상대는 Windows 95 인터페이스였습니다. 약 10년 전의 GUI 수준으로 볼 때 Metal은 당시 일반적인 인터페이스에 비해 매력적이고 우아한 대안이었습니다.

자바 SE 5에서 업데이트된 Ocean 테마는 Metal이 지금까지도 선택 받는 데 기여했으나, 이제는 플랫폼을 넘나드는 Swing의 외관을 전면적으로 개편해야 할 시점입니다.

Nimbus 룩앤필의 세계로 오십시오. Synth에 기반한 새롭고 현대적인 룩앤필의 Nimbus는 애플리케이션에 매우 세련된 느낌을 부여합니다. 또한 Nimbus는 정적 비트맵이 아니라, 온전히 Java 2D 벡터 그래픽을 이용해서 만들어졌기 때문에 크기가 매우 작고(불과 56KB!), 임의의 해상도에서 렌더링이 가능합니다.

그림 3: Metal 테마의 SwingSet3

 

호환성 때문에 Metal은 여전히 Swing의 기본 룩앤필이지만 애플리케이션에서 Nimbus를 사용하도록 업데이트하는 작업은 너무나 간단합니다. 즉, 코드 한 줄로 충분합니다.

UIManager.setLookAndFeel("com.sun.java.swing.plaf..nimbus.NimbusLookAndFeel");

또한 명령줄에 -Dswing.defaultlaf=com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel을 추가하면 Nimbus를 기본 룩앤필로 지정할 수 있습니다. 보다 영구적으로 이 속성을 설정하려면 다음과 같은 코드를

swing.defaultlaf=com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel

<JAVA_HOME>/lib/swing.properties 파일에 추가합니다. swing.properties 파일이 없으면 새로 만들어야 합니다.

Nimbus에 관한 더 자세한 정보는 Nimbus early access 페이지를 참고하십시오.

이제 JavaFX SDK 기술 Preview가 릴리스되었으므로 자신만의 "사용자 지정 노드"를 빠르게 만드는 방법을 설명하겠습니다. JavaFX에서 사용자 지정 노드는 위젯, 가젯, UI 구성 요소 등 어느 것이나 모두 의미할 수 있으나 목적은 동일합니다. 다시 사용 가능한 JavaFX 프로그램용 UI를 만들 수 있도록 하는 것입니다. 오늘의 예는 사용자 지정 노드(2개)를 만드는 방법을 보여줍니다. 다음 스크린샷을 참조하십시오.

그런데 현재 이 예에 구현된 코드가 단순해진 것은 Edgar Merino 덕분입니다. 이 코드를 사용해보려면 Java Web Start 링크를 클릭하십시오. JRE 6 이상이 필요합니다. 또한 자바 SE 6 업데이트 10을 설치하면 배포 시간이 단축됩니다.



JavaFX SDK Packages are Taking Shape 게시물에서 언급한 것처럼 JavaFX는 UI를 개발할 때 그래픽 "노드 중심" 방식을 채택하고 있으므로 JavaFX 사용자 인터페이스의 거의 대부분은 노드(Node)입니다.  사용자 지정 노드를 만들려는 경우 CustomNode 클래스를 확장하여 원하는 특성과 동작을 지정합니다.  아래 코드는 이 예에서 이미지를 표시하고 마우스 이벤트에 응답(예: 마우스를 위에 갖다대면 좀 더 투명해지고 텍스트가 표시되는 이벤트)하는 사용자 지정 노드를 만드는 코드입니다. 

주: javafx.ext.swing 패키지에 있는 Button 클래스를 사용하지 않는 이유가 궁금하실 것입니다. 이유는 Button 클래스는 Node가 아니라 Component이기 때문이며, 위에 언급한 대로 노드 중심 방식으로 변화되는 방향을 따르는 것이 가장 좋다고 생각합니다. 어떤 부분에서는 노드를 하위 클래스로 만드는 버튼이 나타납니다. 이 경우에는 ButtonNode 클래스가 더 이상 필요하지 않을 수 있습니다.

ButtonNode.fx

/*

*  ButtonNode.fx - 

*  A node that functions as an image button

*

*  Developed 2008 by James L. Weaver (jim.weaver at lat-inc.com)

*  and Edgar Merino (http://devpower.blogsite.org/) to demonstrate how 

*  to create custom nodes in JavaFX

*/


package com.javafxpert.custom_node;


import javafx.animation.*;

import javafx.input.*;

import javafx.scene.*;

import javafx.scene.effect.*;

import javafx.scene.geometry.*;

import javafx.scene.image.*;

import javafx.scene.paint.*;

import javafx.scene.text.*;

import javafx.scene.transform.*;


public class ButtonNode extends CustomNode { 

  /**

   * The title for this button

   */

  public attribute title:String;


  /**

   * The Image for this button

   */

  private attribute btnImage:Image;


  /**

   * The URL of the image on the button

   */

  public attribute imageURL:String on replace {

    btnImage = 

      Image {

        url: imageURL

      };

  }

   

  /**

   * The percent of the original image size to show when mouse isn't

   * rolling over it.  

   * Note: The image will be its original size when it's being

   * rolled over.

   */

  public attribute scale:Number = 0.9;


  /**

   * The opacity of the button when not in a rollover state

   */

  public attribute opacityValue:Number = 0.8;


  /**

   * The opacity of the text when not in a rollover state

   */

  public attribute textOpacityValue:Number = 0.0;


  /**

   * A Timeline to control fading behavior when mouse enters or exits a button

   */

  private attribute fadeTimeline =

    Timeline {

      toggle: true

      keyFrames: [

        KeyFrame {

          time: 600ms

          values: [

            scale => 1.0 tween Interpolator.LINEAR,

            opacityValue => 1.0 tween Interpolator.LINEAR,

            textOpacityValue => 1.0 tween Interpolator.LINEAR

          ]

        }

      ]

    };


  /**

   * This attribute is interpolated by a Timeline, and various

   * attributes are bound to it for fade-in behaviors

   */

  private attribute fade:Number = 1.0;

  

  /**

   * This attribute represents the state of whether the mouse is inside

   * or outside the button, and is used to help compute opacity values

   * for fade-in and fade-out behavior.

   */

  private attribute mouseInside:Boolean;


  /**

   * The action function attribute that is executed when the

   * the button is pressed

   */

  public attribute action:function():Void;

   

  /**

   * Create the Node

   */

  public function create():Node {

    Group {

      var textRef:Text;

      content: [

        Rectangle {

          width: bind btnImage.width

          height: bind btnImage.height

          opacity: 0.0

        },

        ImageView {

          image: btnImage

          opacity: bind opacityValue;

          scaleX: bind scale;

          scaleY: bind scale;

          translateX: bind btnImage.width / 2 - btnImage.width * scale / 2

          translateY: bind btnImage.height - btnImage.height * scale

          onMouseEntered:

            function(me:MouseEvent):Void {

              mouseInside = true;

              fadeTimeline.start();

            }

          onMouseExited:

            function(me:MouseEvent):Void {

              mouseInside = false;

              fadeTimeline.start();

              me.node.effect = null

            }

          onMousePressed:

            function(me:MouseEvent):Void {

              me.node.effect = Glow {

                level: 0.9

              };

            }

          onMouseReleased:

            function(me:MouseEvent):Void {

              me.node.effect = null;

            }

          onMouseClicked:

            function(me:MouseEvent):Void {

              action();

            }

        },

        textRef = Text {

          translateX: bind btnImage.width / 2 - textRef.getWidth() / 2

          translateY: bind btnImage.height - textRef.getHeight() 

          textOrigin: TextOrigin.TOP

          content: title

          fill: Color.WHITE

          opacity: bind textOpacityValue

          font:

            Font {

              name: "Sans serif"

              size: 16

              style: FontStyle.BOLD

            }

        },

      ]

    };

  }

}  

• ButtonNode 클래스는 CustomNode를 확장합니다.
• 이 새로운 클래스는 사용자 지정 노드에 표시될 이미지와 텍스트를 저장하는 속성을 채용합니다.
• create() 함수는 사용자 지정 노드의 UI 모양과 동작에 관한 선언 표현식을 반환합니다.
• javafx.scene.effect 패키지의 Glow 효과는 이미지를 클릭할 경우 이미지에 빛나는 효과를 줄 때 사용됩니다.
• 이미지의 투명도, 이미지의 크기, 사용자 지정 노드의 제목은 마우스를 누르거나 버튼을 놓을 때 전환됩니다. Timeline은 이러한 전환이 점진적으로 이루어지도록 하는 데 사용됩니다.
• 투명도를 조정하고 Glow 효과를 적용한 후에 onMouseClicked 함수가 목록의 앞 부분에 정의된 action() 함수 속성을 호출합니다. 그러면 사용자 지정 노드가 Button과 유사하게 동작합니다.

"메뉴"에 ButtonNode 인스턴스 배열

Setting the "Stage" for the JavaFX SDK 게시물에서 설명한 것처럼 HBox 클래스는 javafx.scene.layout 패키지에 있으며, 이 패키지 안의 다른 노드를 배열하는 노드입니다. 아래와 같은 MenuNode 사용자 지정 노드는 ButtonNode 인스턴스를 수평으로 배열하고, javafx.scene.effects 패키지의 Reflection 클래스는 해당 버튼 아래에 멋진 반사 효과를 추가합니다. 코드는 다음과 같습니다.

MenuNode.fx

/*

 *  MenuNode.fx - 

 *  A custom node that functions as a menu

 *

 *  Developed 2008 by James L. Weaver (jim.weaver at lat-inc.com)

 *  to demonstrate how to create custom nodes in JavaFX

 */


package com.javafxpert.custom_node;

 

import javafx.scene.*;

import javafx.scene.effect.*;

import javafx.scene.layout.*;


public class MenuNode extends CustomNode { 


  /*

   * A sequence containing the ButtonNode instances

   */

  public attribute buttons:ButtonNode[];

    

  /**

   * Create the Node

   */

  public function create():Node {

    HBox {

      spacing: 10

      content: buttons

      effect:

        Reflection {

          fraction: 0.50

          topOpacity: 0.8

        }

    }    

  }

}  

이제 사용자 지정 노드를 정의했으므로 간단한 프로그램에서 이 노드를 사용하는 방법을 보여드리겠습니다. 이 블로그를 따라해보신 분은 "JavaFX가 UI와 모델을 바인딩하는 방식"을 알게 되었을 것입니다. 이 간단한 예에서는 사용자 지정 노드를 만드는 방법을 알리는 데 중점을 두기 때문에 모델을 만들어서 이 모델에 UI를 바인딩하는 복잡한 작업까지 보여드리지는 않겠습니다. 대신, ButtonNode 인스턴스를 클릭할 때마다 문자열을 콘솔에 인쇄하는 간단한 작업을 보여드리겠습니다. 이번 예의 기본 프로그램의 코드는 다음과 같습니다.

MenuNodeExampleMain.fx

/*

 *  MenuNodeExampleMain.fx - 

 *  An example of using the MenuNode custom node

 *

 *  Developed 2008 by James L. Weaver (jim.weaver at lat-inc.com)

 *  to demonstrate how to create custom nodes in JavaFX

 */

package com.javafxpert.menu_node_example.ui;


import javafx.application.*;

import javafx.scene.paint.*;

import javafx.scene.transform.*;

import java.lang.System;

import com.javafxpert.custom_node.*;


Frame {

  var stageRef:Stage;

  var menuRef:MenuNode;

  title: "MenuNode Example"

  width: 500

  height: 400

  visible: true

  stage:

    stageRef = Stage {

      fill: Color.BLACK

      content: [

        menuRef = MenuNode {

          translateX: bind stageRef.width / 2 - menuRef.getWidth() / 2

          translateY: bind stageRef.height - menuRef.getHeight()

          buttons: [

            ButtonNode {

              title: "Play"

              imageURL: "{__DIR__}icons/play.png"

              action:

                function():Void {

                  System.out.println("Play button clicked");

                }

            },

            ButtonNode {

              title: "Burn"

              imageURL: "{__DIR__}icons/burn.png"

              action:

                function():Void {

                  System.out.println("Burn button clicked");

                }

            },

            ButtonNode {

              title: "Config"

              imageURL: "{__DIR__}icons/config.png"

              action:

                function():Void {

                  System.out.println("Config button clicked");

                }

            },

            ButtonNode {

              title: "Help"

              imageURL: "{__DIR__}icons/help.png"

              action:

                function():Void {

                  System.out.println("Help button clicked");

                }

            },

          ]

        }

      ]

    }

}

앞서 언급한 대로 사용자가 해당 ButtonNode를 마우스로 클릭할 때마다 호출된 함수에 action 속성이 할당됩니다. 그리고 __DIR__ 표현식은 CLASS 파일이 있는 디렉토리로 평가됩니다. 이 경우 그래픽 이미지는 com/javafxpert/menu_node_example/ui/icons 디렉토리에 있습니다.

이 기사의 이미지를 다운로드한 후 이 그래픽으로 이 예에서 소개한 대로 작성하고 실행할 수 있습니다. 이 이미지는 프로젝트의 클래스 경로에서 확장할 수 있는 zip 파일입니다.

이 파일은 JavaFX SDK Technology Preview에 유용한 사용자 지정 노드 라이브러리를 작성하여 이 블로그의 JFX Custom Nodes 카테고리에 게시하기 위해 만든 것입니다. 사용자 지정 노드와 관련하여 아이디어가 있거나 자신이 개발한 사용자 지정 노드를 공유하려면 lat-inc.com의 jim.weaver로 연락해주십시오.

이 게시물을 실행한 후에 Weiqi Gao가 Java WebStart Works On Debian GNU/Linux 4.0 AMD64 게시물에 몇 가지 좋은 소식을 올렸습니다. JavaFX 스크립트 설명서의 기술 검토를 훌륭하게 해주셔서 저는 Weiqi(발음: 웨이치) 씨가 매우 좋습니다. ;-)

감사합니다.
Jim Weaver
JavaFX Script: Dynamic Java Scripting for Rich Internet/Client-side Applications
지금 바로 the book's Apress site에서 eBook(PDF)을 다운로드할 수 있습니다.

이 글의 영문 원본은
Rolling Your Own JavaFX "Custom Nodes": A Graphical Menu Example
에서 보실 수 있습니다.

시작하기 전에

새로운 기능을 알아보기 전에 윈도 운영체제 사용자들이 겪을 치명적인 문제를 포함한 몇 가지 문제점과 가능한 해결책을 간략히 알아본다.

1. 이클립스가 실행 되지 않는 문제

   다운받은 가니메데 배포판의 종류에 따라서 ECLIPSE_HOME/eclipse.ini 파일에 기록된 메모리 크기 관련 설정값이 다르다. 보통은 윈도 버전의 이 클립스에서 메모리 부족 때문에 나타나는 현상으로 Java EE 버전이나 플러그인 개발 버전을 다운 받았다면, eclipse.ini 파일의 -Xmx512m를 – Xmx256으로 수정한다.

2. 한글 깨짐 현상

   일부 영문 전용 폰트에서 한글 깨짐 현상이 발생한다. 대표적으로 많은 개발자의 사랑을 받고 있는 ‘Bitstream Vera Sans Mono’을 이용하면 문제를 확인할 수 있다. 임시방편으로 영문 전용 폰트에 한글 폰트를 추가해 새로운 폰트를 만들어 사용하는 방법이 있다.

자바 개발환경 개선사항

새로운 리팩터링

자바 리팩터링에 ‘Extract Class(클래스 추출)’가 추가됐다. Extract Class는 한 클래스가 너무 많은 책임을 수행할 때, 책임을 다른 클래스로 분리하는 리팩터링이다.

리팩터링 책의 예제를 활용해보자. <리스트 1>은 리팩터링 전의 Person 클래스로 간단하지만 개인 정보와 연락처 정보 관리라는 두 가지 책임을 가진다. Extract Class로 연락처 관리의 책임을 추출해보자.

<리스트 1>Extract Class 리팩터링을 적용하기 전 Person 클래스

1. package refactoring;
   
   public class Person {
     private String name;
     private String officeAreaCode;
     private String officeNumber;
   
     public String getName() {
      return name;
     }
   
     public void setName(String name) {
      this.name = name;
     }
   
     public String getOfficeAreaCode() {
      return officeAreaCode;
     }
   
     public void setOfficeAreaCode(String officeAreaCode) {
      this.officeAreaCode = officeAreaCode;
     }
   
     public String getTelephoneNumberNumber() {
      return "( " + officeAreaCode + ") "+ officeNumber;
     }
   
     public String getOfficeNumber() {
      return officeNumber;
     }
   
     public void setOfficeNumber(String officeNumber) {
      this.officeNumber = officeNumber;
     }
   }

먼저 Extract Class 메뉴를 선택한다. 최상단 메뉴나 <화면 1>과 같이 편집기 의 오른쪽 마우스 컨텍스트 메뉴에서 Refactor -> Extract Class를 선택한다.

<화면 1>Extract Class 메뉴 선택

Extract Class 메뉴를 선택하면 <화면 2>와 같이 설정 다이얼로그가 나온다. 설정 다이얼로그에서는 추출 대상 필드를 선택하고, 추출할 클래스 이름과 추출한 클래스의 객체를 참조할 필드 이름을 지정한다. 여기서는 연락처 정보와 관련된 officeAreaCode와 officeNumber 필드를 Telephone 클래스로 추출한다. Person 클래스가 참조하는 Telephone 클래스 인스턴스의 이름은 telephone으로 설정한다.

<화면 2>Extract Class 설정 다이얼로그

<리스트 2>와 <리스트 3>의 코드 로 리팩터링되었다. 위에서 선택한 두 필드를 가지고 있는 Telephone 클래스가 생성되었고, Person 클래스는 Telephone 클래스의 인스턴스를 필드로 가지고 이를 참조하도록 변경되었다. 이클립스가 자동으로 처리해주는 리팩터링 기능에서 특히 클래스간의 관계를 다루는 리팩터링에 대한 처리가 미흡한 편인데 편리한 리팩터링이 하나 더 추가되었다.

<리스트 2>Extract Class 리팩터링 적용 후 Person 클래스

1. package refactoring;
   
   public class Person {
       private String name;
       private Telephone telephone = new Telephone();
   
       public String getName() {
           return name;
       }
      
       public void setName(String name) {
           this.name = name;
       }
      
       public String getOfficeAreaCode() {
           return telephone.getOfficeAreaCode();
       }
      
       public void setOfficeAreaCode(String officeAreaCode) {
           this.telephone.setOfficeAreaCode(officeAreaCode);
       }
      
       public String getTelephoneNumberNumber() {
           return "( " + telephone.getOfficeAreaCode() + ") "+ telephone.getOfficeNumber();
       }
      
       public String getOfficeNumber() {
           return telephone.getOfficeNumber();
       }
      
       public void setOfficeNumber(String officeNumber) {
           this.telephone.setOfficeNumber(officeNumber);
       }
   }

<리스트 3>Extract Class 리팩터링 적용 후 Telephone 클래스

1. package refactoring;
   
   public class Telephone {
       private String officeAreaCode;
       private String officeNumber;
   
       public Telephone() {
       }
   
       public String getOfficeAreaCode() {
           return officeAreaCode;
       }
   
       public void setOfficeAreaCode(String officeAreaCode) {
           this.officeAreaCode = officeAreaCode;
       }
   
       public String getOfficeNumber() {
           return officeNumber;
       }
   
       public void setOfficeNumber(String officeNumber) {
           this.officeNumber = officeNumber;
       }
   }

Breadcrumb

자바 편집기 영역에 추가된 기능 중 단연 돋보이는 기능은 ‘Breadcrumb’다. 노트북 등 화면이 크지 않은 환경에서 개발할 때는 편집기 영역을 최대화(커맨드 + M)해서 작업하는 경우가 많은데, Breadcrumb를 통해 현재 위치를 한눈에 볼 수 있고, 편집기의 최대화를 해제하고 ‘Package Explorer (패키지 탐색기)’등을 이용해서 다른 파일을 열어야 하는 불편함을 해소한다.

사용법은 정말 간단한데 화면 상단 툴바의 ‘Toggle Breadcrumb’를 선택하거나, <화면 3>과 같이 편집기의 컨텍스트 메뉴 중 ‘Show in Breadcrumb’를 선택하면 된다. 컨텍스트 메뉴에서 Breadcrumb를 비활성화 시킬 수 있는 방법은 없으니 참고하자. Breadcrumb를 비활성화 시키려면 상단 툴바의 토글 버튼을 이용하자.

<화면 3> Breadcrumb 활성화

Breadcrumb가 활성화되면 <화면 4>와 같이 편집기 상단에 현재 위치를 표시해주는 표시영역이 생긴다. 이 영역을 통해 최대화 상태의 편집기에서도 현재 위치를 한눈에 볼 수 있고, 최대화 상태에서도 편리하게 다른 파일을 열 수 있다.

<화면 4>Breadcrumb의 활성화와 다른 클래스로 이동하기

향상된 Call Hierarchy

이클립스를 사용하는 자바 개발자에게 인기 좋은 기능 중 하나가 ‘Call Hierarchy (호출 계층)’를 살펴보는 기능으로 호출 관계가 복잡한 함수의 호출 관계를 트리 구조로 보여준다. 이클립스 3.3까지는 호출자(caller)를 찾을 때, 특정 함수나 생성자를 사용하고 있는 함수를 찾는 기능만을 제공했다.

이 정도로도 편리한 기능이지만 코드에 존재하지 않는 기본 생성자를 호출해서 객체를 생성하는 위치를 찾으려면, 기본 생성자를 코드에 추가해서 찾아야 하는 단점이 있었다. 또, 상수나 필드를 사용하는 위치를 찾는 기능은 없기 때문에 검색 기능을 이용해서 찾아야 하는 불편함이 있었다.

이클립스 3.4에서는 클래스를 선택하고 ‘Call Hierarchy’를 찾아보면(CTRL + ALT + H) 모든 생성자를 호출하는 위치를 찾아준다. 기본 생성자가 코드 상에 존재하지 않아도 찾아주니 편리하다. 또, 상수나 필드를 사용하는 위치도 ‘Call Hierarchy’를 통해 보여주니 더 이상 불편하게 검색하지 않아도 된다. <화면 5>과 같이 모든 생성자와 상수에 대한 호출 계층을 확인할 수 있다.

 <화면 5>향상된 Call Hierarchy. 모든 생성자의 호출 위치(상단)과 필드나 상수의 사용 위치(하단)를 확인할 수 있다.

실행 가능한 JAR 파일 내보내기

기존의 이클립스의 내보내기(Export) 기능에 실행 가능한 JAR(Runnable JAR) 파일을 내보낼 수 있는 기능이 추가되었다. 이를 통해 자바 실행 환경(Java Runtime Environment, JRE)이 설치 되었다면 JAR 파일을 더블클릭하는 것만으로 애플리케이션을 실행할 수 있다.

<리스트 4>는 “Hello Ganymede!”라는 메시지를 화면에 출력하는 단순한 자바 스윙 애플리케이션이다. 이 예제를 실행 가능한 형태의 JAR 파일로 배포해보자.

<리스트 4> main() 함수를 가지는 단순한 스윙 예제

1. package runnable;
   
   import javax.swing.JFrame;
   import javax.swing.JLabel;
   
   public class HelloSwing extends JFrame {
   
     public HelloSwing() {
      setTitle("Eclipse 3.4 Ganymede");
      getContentPane(). add(new JLabel("Hello Ganymede!"));
      setSize(250, 100);
     }
   
     public static void main(String[] args) {
     new HelloSwing().setVisible(true);
     }
   }

<화면 6> 실행 가능한 JAR 파일 내보내기

‘File -> Export -> Java -> Runnable JAR file’옵션을 통해 실행 가능한 JAR 파일을 생성할 수 있다. 먼저, Launch Configuration 중에서 JAR 파일을 생성할 대상을 선택한다. 선택한 대상이 MANIFEST.MF 파일에서 Main-Class로 이용된다. 대상 경로와 파일이름을 선택하면 실행 가능한 파일을 생성한다. 생성된 JAR 파일을 더블클릭하면 <화면 7>과 같이 애플리케이션이 실행된다.

<화면 7>JAR로 실행한 애플리케이션

<리스트 5>와 같이 자동 생성된 MANIFEST.MF 파일 은 이전에도 사용자가 직접 작성할 수 있었다. 하지만 이클립스는 단지 MANIFEST.MF 파일을 자동 생성해주는 기능 이상을 제공한다.

<리스트 5>자동 생성된 MANIFEST.MF 파일

1. Manifest-Version: 1.0
   Class-Path: .
   Main-Class: runnable.HelloSwing

예제는 외부 라이브러리를 사용하지 않으니 그리 복잡하지 않지만, 만약 애플리케이션을 구동하는 데 수많은 이클립스 프로젝트에 대한 참조와 라이브러리 파일이 필요하다면 사용자가 직접 작업하기에는 꽤나 복잡해진다. 그래서 이클립스의 실행 가능한 JAR파일 생성 기능은, 참조하는 프로젝트의 모든 클래스 파일과 포함된 모든 라이브러리의 압축을 해제한 클래스 파일을 함께 묶어주는 기능을 제공한다. 사용자는 압축을 해제한 형태로 라이브러리를 재배포하는 것이 라이센스를 위반 하는지만 주위를 기울이면 된다.

Outline 화면에서 코드 재배열하기

개요(Outline) 화면에서 코드의 구성 요소의 위치를 재배열 할 수 있는 기능이 이클립스 3.4에 조용히 추가되었다. 작업 중 추가한 한 뭉치의 코드에서 구성 요소간의 순서가 마음에 들지 않으면 하나씩 잘라내서 원하는 위치에 붙여넣는 작업을 반복하게 된다. 이제 개요 화면 에서 한눈에 전체 구조를 보면서 드래그 앤 드롭 기능을 이용해서 코드를 재배열 할 수 있다. <화면 8>에서 자바 메서드의 드래그 앤 드롭을 통한 위치 이동을 보여준다.

<화면 8> Outline에서 구성 요소의 드래그 앤 드롭

이때, Outline의 자동 정렬 기능 을 이용 중이라면 드래그 앤 드롭은 동작하지 않는다. 특정 요소의 위치를 옮길 때 요소와 요소 사이의 빈 줄 삽입 여부가 의도한 대로 처리되지 않을 수 있으니 처리가 필요하다면 주의하자. Outline에서의 재배치 기능은 자바 에디터뿐 아니라 XML 에디터에서도 지원한다. 앞으로 다양한 에디터 환경에서 지원할 것으로 기대된다.

리치 호버

특정 요소 위에 마우스를 가져다 두면 나타나는 JavaDoc 설명을 보여주는 것과 같은 호버 기능이 향상되었다. JavaDoc 호버는 <화면 9>의 상단 화면과 같이 JavaDoc 화면에서 보기, 외부 브라우저에서 보여주기 등 더 풍부한 기능을 제공한다. 리치 호버 기능이 정말 유용하게 사용되는 때는 디버그 상황에서다. <화면 9>의 하단 화면에서 볼 수 있듯이 복잡한 자료구조에 대한 값도 한 눈에 볼 수 있는 기능을 제공한다. 예전처럼 Variables 화면을 뒤지거나, Expressions 화면에 표현식을 입력해 봐야 하는 불편함이 해소되었다.

<화면 9> 향상된 호버 기능. JavaDoc 호버(상단)와 디버거 호버(하단)

저장 기본 동작 정의

아무리 팀에서 코드 형식을 정해놓고, 이클립스 자동 포맷에 맞춰서 만들어 두어도 자신만의 스타일에 익숙하다면 종종 잊어버리곤 한다. 또, 개발과정 중에 사용하다 남은 불필요한 Import 잔재를 한번에 없애고 싶지만 자동으로 처리해 주지 않으면(Organized Import 기능이 자동으로 처리해 주지만, 직접 명령을 수행해야 한다.) 역시 잊어버리기 쉽다.

이런 요구를 충족해 주는 기능으로 Save Actions 기능이 추가됐다. ‘Windows (윈도) /Eclipse (맥) -> Preferences -> Java -> Editor -> Save Actions’를 보면 저장 시 자동으로 문서 포맷 맞추기, 불필요한 Import 구문 정리하기 등의 기능을 제공한다. <화면 9>와 같이 저장 시 실행할 행동을 정의할 수 있으며, 문서 정렬은 전체 문서에 저장할 것인지 수정된 영역에만 적용할 것인지를 지정할 수 있다.

<화면 10 >저장 시 함께 처리할 행동 정의

Launch Configuration 내보내기/들여오기

Import(가져 오기)/Export(내보내기) 메뉴에 추가된 기능으로 그 동안의 실행 설정(Launch Configuration)을 XML 파일로 저장하고, 저장된 XML 파일을 가지고 오는 기능이 추가됐다.

이 설정은 JDK 버전을 여러 버전으로 맞춰놓고 작업하는 것(컴파일 레벨의 변경이 아니라 실제 JRE를 대체하면 전부 재빌드를 수행하므로 하나의 작업공간에서 모두 처리하기에는 번거롭다)과 같은 이유 등으로 이클립스를 여러 개 설치해 놓고 작업 하거나 작업 공간을 다시 구축해야 하는 경우 매번 복잡한 실행 설정을 하지 않아도 되기에 유용하다.

그 외 자바 개발 환경 개선사항

개발 중인 애플리케이션의 모든 메시지를 별도의 리소스 파일로 따로 뽑아서 관리한다면, 문자열 하나를 찾기 위해 키 값을 찾고, 리소스 파일을 열어서 다시 해당 키값으로 찾아가는 과정이 번거롭게 느껴진다. 가니메데에 새로 추가된 기능으로 리소스 파일로 바로 찾아가는 기능이 추가됐다.

이제 자바 빌드에서 멀티 코어 CPU를 지원한다. 기존의 프로젝트를 이클립스 3.4와 이전 버전의 이클립스에서 모두 새로 빌드해서 체감속도 향상을 느껴보자.

JUnit 테스트를 실행하면 이제 테스트케이스 별로 실행시간을 각각 표시해 준다. 오래 걸리는 테스트케이스를 따로 관리할 때 유용하다.

또, Content Assist 기능, Quick Fix 기능 등 에디터 영역이 전반적으로 편리해졌다.

자바 개발 환경외 주요 변경사항

여기서 다루는 내용은 이클립스 3.4의 자바 개발환경에서의 변경과 개선사항이지만, 자바 개발 환경 이외의 주요한 몇 가지 사항은 알아둘 가치가 있다. 물론 자바 개발과 관련 없는 가장 큰 변경 사항은 화려해진 시작 화면(스플래시 이미지)이다.

새로운 설치 /업데이트 서비스 – p2

기존에 업데이트 매니저를 이용해 플러그인을 설치하던 사용자라면 바로 알아차렸을 텐데, 이클립스의 플러그인 설치/업데이트 기능이 단순히 UI만 변경된 것이 아니라 완전히 새로 변경되었다.

다운로드 자동 재시도, 적합한 미러 자동 선택하기 등의 개선 사항이 있지만 무엇보다도, 기존 사용자들이 가장 불만을 가지고 있던 부분인 버전 의존성 확인 부분이 크게 개선되었다.

이클립스 소스 코드 보고 베끼기 - 플러그인 스파이

이클립스 3.4의 플러그인 개발 환경(Plug-in Development Environment, PDE) 에서 가장 눈에 띄는 기능은 ‘플러그인 스파이 (Plug-in Spy)’다. 이클립스를 사용하다 보면 플러그인 개발 자가 아닐지라도 , 어떻게 구현됐는지 코드 를 보고 싶은 경우가 있다. 기존에는 플러그인 개발자에게도 특정 영역의 코드를 찾아가는 작업이 쉽지 않았다. 이제 플러그인 스파이 덕분에 코드를 보고 싶은 관심 대상 화면을 선택한 후 ‘SHIFT +ALT+F1’을클릭하면 해당 화면이 정의된 플러그인과 해당 화면의 클래스 등 각종 정보를 쉽게 얻을 수 있다.

플러그인 스파이 기능을 활용하려면 PDE 관련 플러그인을 설치하거나 플러그인 개발자용 이클립스를 다운받아야 한다. 이클립스의 소스 코드를 참조해서 자신만의 플러그인을 만드는 내용에 대해서는 다음에 기회가 되면 자세히 알아보겠다.

자바스크립트 개발 툴킷

웹 개발 환경에서 가장 눈에 띄는 변화는 WTP 3.0에 새로 추가된 자바스크립트 개발 툴킷(JavaScript Development Toolkit, JSDT)이다. js 파일의 포맷팅 기능, 콜 계층 보기 지원 등의 기능이 눈에 띈다. 게다가 추가적인 자바스크립트 라이브러리의 지원을 위한 확장점도 제공하고 있으니, 자신만의 라이브러리를 지원하는 것도 용이하다. WTP 3.0에 포함된 기능이므로 WTP 3.0을 별도로 설치하거나 Java EE 버전 이클립스를 다운받으면 된다.

서브버전(SVN) 클라이언트 전쟁의 승자 –Subversive

가니메데에 서브버전 클라이언트로 Subversive 프로젝트가 채택되었다. 이미 그 전부터 예견된 일이었지만, 이로써 Subclipse보다 한 발 앞서 나가게 되었다.아직 서브버전 클라이언트를 결정하지 못했다면 Subversive를 도입해 보자. 승자라고 표현했지만, 정식 프로젝트로 합류가 빨랐을 뿐이지 아직 Subclipse가 사장되는 것은 아니 라는 점을 염두에 두자.

마치며

지금까지 이클립스 3.4 가니메데의 새로운 기능을 자바 개발자의 시각에서 알아보았다. 이클립스 는 새로운 버전이 나올 때 마다 하위 프로젝트의 규모가 계속 커지고 있 기에 새로운 기능을 모두 다루는 것은 현실적으로 불가능하다. 개인적으로는 여기서 소개한 내용 외에도 ECF 2.0 에 추가된 협업시스템을 이용한 인스턴스 메신저 와 짝 프로그래밍 지원 , DLTK프로젝트의 동적 언어 지원, 그리고 DSDP 프로젝트의 터미널 환경 지원 등 에 관심이 간다. 이처럼 자바 개발 환경 외에 새로운 기능 중에서도 자신에게 맞는 보석 같은 기능 들이 많이 숨겨져 있으니 간단히 한 번 살펴보는 것을 권한다 .

아직도 이클립스를 무거운 텍스트 에디터의 용도로 사용하 는 경우가 많은데, 시간을 조금만 투자하면 정말 훌륭한 IDE 로 활용할 수 있다. 필요한 기능부터 하나씩 적용해 나가보자 .

참고문헌

1. 한눈에 보는 이클립스 가니메데
   http://www.ibm.com/developerworks/kr/library/os-eclipse-ganymede/index.html?ca=drs-kr

2. Eclipse 3.4 – New and Noteworthy
   http://ganymede-mirror2.eclipse.org/eclipse/downloads/drops/R-3.4-200806172000/whatsnew3.4/eclipse-news.html

3. Eclipse Ganymede: An in-depth look at JDT (Java Development Tools)

   http://www.infoq.com/news/2008/06/eclipse-ganymede-jdt

관련글

• [스크린캐스트] 자바 개발자를 위한 이클립스 3.4 가니메데
  

▶ 클래스 설계 요령 ◀

1. 데이터는 항상 private로 한다.

    이것은 매우 중요하다. 다른 식으로 하면 캡슐화가 깨지고 만다. 가끔 접근자나 변경자 메소드를 추가로 만들어야 하지만, 그래도 인스턴스 필드를 private로 만드는 것보다 훨씬 낫다. 데이터가 설명되는 방법이 변할 수도 있지만 사용되는 방법은 잘 변하지 않는다. 데이터가 private이면 그러한 설명의 변화는 클래스의 사용자에 영향을 미치지 않으며, 버그를 발견하기도 훨씬 쉽다.

2.항상 데이터를 초기화한다.

    자바는 지역 변수를 초기화 하지 않지만, 객체의 인스턴스 필드는 자동으로 초기화 한다. 하지만 이런 기본 값에 의존하지 말고 기본값을 제공하거나 모든 생성자에 기본값을 설정하는 방법으로 변수를 명시적으로 초기화해준다.

3. 클래스에 너무 많은 기본타입을 사용하지 말아야 한다.

    많은 기본타입의 관련된 사용을 다른 클래스로 바꾸자는 발상은 클래스를 더 이해하기 쉽고, 변경하기 쉽게 해준다. 예를 들어, Customer 클래스의 인스턴스 필드를 Address 라는 클래스로 바꾸자.

   private String street;

   private String city;

   private String state;

   private int zip;

 이렇게 하면, 주소가 국제 주소 쳬계로 바뀐다 해도 쉽게 이변화에 대처할수 있다.

4. 모든필드에 개별적인 접근자와 변경자가 필요한것은 아니다.

    사원의 급여를 가져오고 설정할 필요가있다. 물론 일단 객체가 생성되면 채용일은 변경할 필요가 없다.

5. 클래스 정의를 위해 표준형태를 사용한다.

    항상 다음과 같은 순서로 클래스의 내용을 나열한다.

        public 특성

        패키지 범위 특성

        private 특성

    각 영역은 다음과 같이 나열한다.

        인스턴스 메소드

        정적 메소드

        인스턴스 필드

        정적 필드

    선의 자바 프로그래밍 언어의 코딩 스타일 가이드는 필드를 먼저 나열하고 그 다음에 메소드를 나열하도록 권장한다. 어떤 스타일을 사용하든지 가장 중요한 것은 일관성을 유지하는 것이다.

6. 클래스를 아주 많은 역할로 나눈다.

     물론 "아주 많은"이라는 말은 모호하다. 하지만 하나의 복잡한 클래스를 개념적으로 더 간단한 클래스 두 개로 만들 수 있다면 그 방법을 사용해야 한다 (단 극단적으로 가면 안된다. 가각 한 메소드만 포함하는 클래스 10개는 지나치다는 것이다)

다음 예는 잘못 설계된 클래스이다

     public class CardDeck{   //잘못된 설계

           private int[] value;

           private int[] suit;

           public CardDeck(){....}

           public void shuffle(){......}

           public int getTopValue(){......}

           public int getTopSuit(){.....}

           public void draw(){......}

     }

     이 클래스는 두개의 분리된 개념을 구현하고 있다.. 하나는 shuffle과 draw메소드를 갖는 한벌의 카드(deck of cards)이며, 다른 하나는 card로 값과 카드의 패를 검사하는 메소드를 가지고 있다. 이것은 각각의 카드를 표현하는 Card 클래스를 도입하는 것은 의미가 있다. 이제 독자적인 임무를 갖는 두 클래스를 살펴보자

      public class CardDeck{

           private Card[] cards;

           public CardDeck(){...}

           public void shuffle(){.....}

           public Card getTop(){......}

           public void draw(){.......}

      }

      public class Card{

           private int value;

           private int suit;

           public Card(int aValue,itn aSuit){...}

           public int getValue(){.....}

           public int getSuit(){......}

     }

7. 클래스와 메소드의 이름은 그 임무에 맞게 부여한다.

    변수는 그것이  표현하는 것을 나타내는 의미 있는 이름을 가져야 하듯이 클래스도 마찬가지이다 (표준 라이브러리는 시간을 서술하는 Date 클래스처럼 약간 미심쩍은 클래스를 포함하고있다).Order  같은 명사를 사용하거나, RushOrder 처럼 선행 형용사를 수바한 명사 또는 Billing-Address 와 같은 동명사로 클래스 이름을 부여하는 것은 좋은 규칙이다. 메소드에 대한 표준 규칙은 접근자 메소드는 getSalary 처럼 소문자 get으로 시작하고, 변경자 메소드는 setSalary처럼 소문자 set으로 시작하는 것이다.

이클립스를 사용하다가 자주 버벅대는 경우와 뻗어버리는 경우가 생겼다.
heapsize를 체크해보니 64M 로 되어있는데 금방 차버리는 것이다.
분명 eclipse.ini 에 설정을 늘려놓았음에도 제대로 적용이 되지 않는것 같다.

이를 해결하는 방법
Eclipse.exe 아이콘의 오른쪽 버튼을 누른 후
[보내기] - [바탕화면에 바로가기 만들기] 로 생성한다
바탕화면에 생성된 Eclipse바로가기 아이콘에서 오른쪽 마우스를 누른 후
[속성]에서 대상 항목에 뒤에 다음과 같이 붙여 넣어주자

...\eclipse.exe -vmargs -XX:MaxPermSize=128m - Xms256m -Xmx512m

-Xms: Start memory
-Xmx: Extends memory

JTextField 클래스를 이용하면 간단하게 텍스트 입력 필드를 화면에 뿌려줄 수 있다. 그런데 JTextField 자체에는 입력 글자수를 제한하는 메써드가 존재하지 않는다. 즉, 10자 까지만 입력하게 하고 싶어도 기본 API로는 구현이 불가능하다. 입력 할 글자수를 제한하려면 다음과 같이 PlainDocument 클래스를 상속받은 클래스를 정의하여 구현할 수 있다.

public class JTextFieldLimit extends PlainDocument
{

      private int limit;                             // 제한할 길이

      public JTextFieldLimit(int limit)        // 생성자 : 제한할 길이를 인자로 받음

      {

            super();

            this.limit = limit;

      }

      // 텍스트 필드를 채우는 메써드 : 오버라이드

      public void insertString(int offset, String str, AttributeSet attr) throws BadLocationException 
      {
            if (str == null)
                  return;

            if (getLength() + str.length() <= limit) 
                  super.insertString(offset, str, attr);
       }
}

사용법은 다음과 같다.

textfield.setDocument(new JTextFieldLimit(10));

JFileChooser는 사용자로 하여금 읽어들일 파일이나 저장할 파일을 선택하도록 도와주는 선택창이다. JFileChooser는 아래의 그림처럼 FileSystemView, FileView, FIleFileter 그리고 Accessory등과 같은 복합적인 구조로 되어 있다.(아래의 그림에서는 Accessory는 보이지 않음)

파일을 선택하기 위해서 사용되는 대표적인 메소드는 showOpenDialog(), 와 showSaveDialog()를 사용한다.

창이 열리고 "열기"버튼이나 "저장"버튼을 클릭하게되면 APPROVE_OPTION이 반환되고, 취소 버튼을 클릭하게 되면 CANCEL_OPTION 이 반환된다.

선택한 파일에 대한 정보는 getSelectedFile()메소드를 사용하므로 알 수 있다.

[주요생성자]

[ 기본 설정 관련 주요메소드]

[대화창 관련 주요 메소드]

이때 반환값 int는 JFileChooser.APPROVE_OPTION 또는 JFileChooser.CANCEL_OPTION 값을 반환한다.

[파일 선택관련 주요 메소드]

[컨트롤 관련 주요 메소드]

[사용예]

JDK 6.0
         JFileChooser chooser = new JFileChooser();
            FileNameExtensionFilter filter = new FileNameExtensionFilter(
                "JPG & GIF Images", "jpg", "gif");  //description,......확장자
            chooser.setFileFilter(filter);    //필터 셋팅
            int returnVal = chooser.showOpenDialog(parent);
            if(returnVal == JFileChooser.APPROVE_OPTION) {
               System.out.println("You chose to open this file: " +
                    chooser.getSelectedFile(). getName());
            }

JDK 6.0 이전버전

읽기창 만들기

1.     public void fileOpen()
2.     {
3.         JFileChooser fc;
4.         File fileName;
6.         if(fileName !=null)
7.         {
8.             String dir = fileName.getAbsolutePath(); //현재 파일이 위치하는 디렉토리를 가져온다.
9.             fc = new JFileChooser(dir);
10.         }
11.         else
12.         {
13.             fc = new JFileChooser();
14.         }
15.         
16.         int yn = fc.showOpenDialog(this);
17.         if(yn != JFileChooser.APPROVE_OPTION) return;
18.         
19.         fileName = fc.getSelectedFile();
20.     }

저장창 만들기

1.     public boolean fileSave()
2.     {
3.         File fileName;
4.         JFileChooser fc = new JFileChooser();
5.         int yn = fc.showSaveDialog(this);
6.         
7.         if(yn != JFileChooser.APPROVE_OPTION)
8.         {
9.              fileName = null;
10.              return false;
11.         }
12.         
13.         fileName = fc.getSelectedFile();
14.         
15.         this.setTitle("MyEditor[" + fileName + "]");
16.         
17.         return true;
18.     
19.     }

파일 필터 만들기

먼저 아래와 같은 소스를 만들어 컴파일 한다.

1. package classes;
2. import java.io.*;
4. class MyFilter extends javax.swing.filechooser.FileFilter
5. {
6.     String type;
7.     String desc;
8.     public MyFilter(String type, String desc)
9.     {
10.         this.type = type;
11.         this.desc = desc;
12.     }
13.     public boolean accept(File f)
14.     {
15.         return f.getName().endsWith(type) || f.isDirectory();
16.     }
17.     
18.     public String getDescription()
19.     {
20.         return desc;
21.     }
22. }

필터가 필요한 부분에서 아래 소스의 5,6행 처럼 원하는 필터를 지정하여 창을 열면 된다.

1.         JFileChooser fc;
2.         fc = new JFileChooser();
3.         
4.         // file filtering
5.         fc.addChoosableFileFilter(new MyFilter(".txt","Text Files"));
6.         fc.addChoosableFileFilter(new MyFilter(".java","Java Files"));