이클립스와 앤트(Ant)

이클립스(eclipse)를 개발 툴로 사용한다는 것은 개발자의 어깨에 힘 좀 줄 수 있게 만드는 무언가가 있습니다. 때론 이것이 비현실적인 허세에 지나지 않을 수도 있지만 이클립스를 사용하는 데는 그만큼 프로젝트를 수행하는데 많은 이점들이 있습니다. 개발방법론 중에는 ‘특정 도메인에 종속적인 언어 또는 툴을 지양하라’는 이야기가 있습니다. 특정 기술이나 제품을 고집하면 그만큼 비용이 증가할 요인이 발생하고 프로젝트의 다양성(개발시 고려할 사항 및 툴에 대한 교육이나 투자 등)이 증가하기 때문에 어려움을 겪을 수 있을 여지가 많다는 점을 지적하는 말입니다. 그래서인지 플렉스 빌더 역시 다수의 개발자들에게 익숙한 이클립스 기반의 IDE로 재탄생했다고 볼 수 있습니다.

플렉스 SDK 역시 이클립스에서 사용할 수 있는데, 이는 Flex Builder for Eclise Plugin 형태가 아닌 일반적으로 사용하는 이클립스와 플렉스 SDK의 순수 결합만으로도 가능하다는 의미입니다. 이를 위해 앤트(Ant)라는 빌드 툴을 사용하는데 최신의 이클립스 버전에는 기본으로 포함되어 있습니다.

이클립스 사용한 SWF 생성

이클립스를 설치하기 위해서는 다음 주소에서 Eclipse SDK를 다운받습니다(번들 제품이나 다른 Distributions 버전 말고 SDK를 다운 받으세요).

이클립스 다운로드 사이트: http://www.eclipse.org/downloads/

이클립스를 사용하여 SWF를 생성하는 방법은 mxmlc 컴파일러를 이용해야 합니다. 앞에서 MXML 문법으로 작성한 예제를 살펴봤으므로 이번에는 액션스크립트 3.0을 활용해 제작해보겠습니다. mxmlc 컴파일러는 MXML 문서뿐만 아니라 액션스크립트 파일까지 직접 SWF로 생성할 수 있습니다. 이때 액션스크립트 파일은 3.0 문법을 기준으로 작성된 코드만 컴파일이 가능합니다. HelloWorld 클래스를 작성하여 SWF를 생성하는 과정을 단계별로 살펴봅시다.

1. 이클립스 설치가 완료된 후 이클립스를 실행합니다. 최초 실행에서 프로젝트를 생성하거나 [File]> New> Project를 선택하여 General - Project를 선택합니다.
2. 다음(Next)을 선택하여 프로젝트 이름을 HelloWorld라고 입력합니다.
3. [Finish] 버튼을 눌러 완료합니다.
4. 왼쪽에 Package Explorer에서 HelloWorld 폴더를 선택하고 [File]> New> File 을 선택하여 HelloWorld.as 파일을 생성합니다.

   만일 as 파일을 생성했을 때 패키지 익스플로러에서 플래시 파일 아이콘이 나타나면 플래시 오쏘링 툴이 동작하면서 외부 편집기능을 사용하게 됩니다. 이럴 경우에는 Preference 메뉴에서 General – Editors – File Associations 에 새로운 파일 확장자를 추가하고 Associated editor를 새롭게 Text Editor로 등록하면 이클립스 내부에서 편집할 수 있습니다.

   

   그림 6. 플래시 오쏘링 툴과 연결된 as 파일 아이콘

5. 다음 코드를 입력하여 HelloWorld 클래스 파일을 작성합니다.
   
   HelloWorld.as 파일

     
   package {
   
       import flash.display.Sprite;
   
       import flash.text.TextField;
     
    public class HelloWorld extends Sprite {
     
    public function HelloWorld() {
     
    var textField:TextField = new TextField();
   
       textField.text = "Hello, world!";
   
       addChild(textField);
     
    trace("Hello, world!");
   
       }
   
       }
   
       }

6. 이제 앤트를 위한 빌드 파일을 생성할 단계입니다. [File]> New> File을 선택하여 같은 폴더에 build.xml 이란 파일을 새로 추가하고 다음과 같이 코드를 작성합니다.
   
   build.xml 파일

   
   <project name="HelloWorld" default="compile">
   	<property name="flex.mxmlc" location="D:\flex_sdk2\bin\mxmlc.exe" />
   	<property name="dest.dir" value="bin" />
   	<target name="init">
   		<delete dir="${dest.dir}" />
   		<mkdir dir="${dest.dir}" />
   	</target>
   	<target name="compile" depends="init">
   		<exec executable="${flex.mxmlc}" failonerror="true">
   			<arg line="-output '${dest.dir}\HelloWorld.swf'"/>
   			<arg line="-default-size=600,400" />
   			<arg line="-default-background-color=0xFFFFFF" />
   			<arg line="-debug=false" />
   			<arg line="HelloWorld.as"/>
   		</exec>
   	</target>
   </project>
   

7. build.xml 작성을 완료했으면 [Run]> External Tools> Run As> Ant Build 명령을 실행합니다. [그림 7]에서와 같이 단축 버튼을 사용할 수도 있습니다.

그림 7. 앤트 빌드 단축 버튼

지금까지 이클립스와 앤트를 사용하여 SWF 파일을 생성하는 방법에 대해 간략히 설명했습니다. build.xml 파일은 XML 구조로 된 문서이므로 이해하기 어렵진 않습니다. flex.mxmlc 속성에 mxmlc.exe 파일의 위치를 지정하고 SWF를 생성할 폴더로 dest.dir 속성을 설정했습니다. exe 실행 옵션으로 컴파일러의 옵션들을 지정했으며, 이와 같이 앤트를 사용하여 SWF 파일을 생성하면 HelloWorld.as 파일이 있는 위치에 bin 폴더를 만들고 그 속에 HelloWorld.swf 파일을 만들게 됩니다. 파일을 수정하고 새로이 Ant Build 명령을 실행할 때마다 bin 폴더와 HelloWorld.swf를 삭제한 다음 신규 폴더와 파일을 만듭니다. 또한 다른 Ant 빌드 옵션을 사용하면 HTML 템플릿 문서나 기타 필요한 SWF 라이브러리까지 복사하는 기능을 활용할 수도 있습니다.

본 예제에서는 이클립스 툴과 앤트를 사용할 수 있다는 가능성에 대해서만 언급합니다. 이클립스나 앤트 빌드에 대해서 보다 자세한 사항은 이클립스 사이트를 참고하시기 바랍니다.

http://help.eclipse.org/help32/
http://www.eclipse.org/documentation/

6/8 페이지

이전 페이지

다음 페이지