Eclipse에서 CFEclipse Plug-in 사용하기

Jim Priest, Senior Software Development Analyst, Lockheed-Martin

2007 년 12 월 18 일

다른 웹 개발 언어들과 마찬가지로, ColdFusion 역시 광신도들을 거느리고 있습니다. Eclipse가 유명한 오픈 소스 개발 프레임웍이기 때문에, ColdFusion 플러그인이 등장하는 것은 당연한 결과입니다. 이 플러그인을 설치 및 사용하여 ColdFusion 샘플 애플리케이션을 개발, 테스트, 전개하는 방법을 배워봅시다.

ColdFusion 개발자들은 Macromedia HomeSite나, 이 보다 더 최근에는 Dreamweaver로 코드를 작성했다. 안타깝게도, HomeSite는 여러 해 동안 업데이트 되지 않았고, Dreamweaver는 코드 중심적인 IDE와 디자이너 툴이 되어야 한다는 부담을 안고 있다. 2004년에, 새로운 ColdFusion IDE는 Eclipse 플러그인 형태로 소개되었고, 처음에는 Basic ColdFusion Eclipse 플러그인으로 불리었다가 나중에 CFEclipse로 바뀌었다.

CFEclipse를 지원하는 대형 커뮤니티가 있다. 여러 개발자들이 오픈 소스 프로젝트에 기여해 왔고, 최근에는 Adobe Systems는 추가 ColdFusion 관련 확장과 ColdFusion V8의 도움말 파일을 발표함으로써 Eclipse 플랫폼을 지원하고 있다.

이 글에서는, ColdFusion V8에 포함된 샘플 데이터베이스 중 하나를 사용하여 간단한 애플리케이션을 개발, 디버그, 전개하면서 CFEclipse의 기능에 대해 알아볼 것이다. 이 글을 위해서는 다음과 같은 소프트웨어가 설치되어 있어야 한다. (참고자료).

Eclipse V3.3 (Europa)

Eclipse는 Eclipse 플러그인이 실행될 수 있는 플러그인이다. Eclipse.org에서 최신 버전의 Eclipse를 다운로드 하라.

운영 체제

Windows®, Linux®, Mac OS X를 포함하여, Eclipse를 실행할 수 있는 운영 체제여야 한다. 이 글에서는 Windows용 버전을 사용하지만, 단계는 기본적으로 리눅스와 Macintosh도 같다.

ColdFusion V8 Developer Edition

Windows 사용자에게 권장되는 옵션이다.

CFEclipse 설치하기

CFEclipse 플러그인의 설치는 Eclipse 내에서 수행된다:

1. Help > Software Updates > Find and Install을 선택한다.
2. Search for new features to install을 선택한다. (그림 1)
3. Next를 클릭한다.

그림 1. 신 기능 검색

New Remote Site를 클릭한다.

그림 2. 새로운 원격 사이트

업데이트 사이트의 이름을 입력한다. (예, CFEclipse)

URL 박스에, http://www.cfeclipse.org/update를 입력한다.

그림 3. 새로운 업데이트 사이트

OK를 클릭한다.

이제 "Sites to include in search" 윈도우에 CFEclipse 노드가 생겼다.

그림 4. CFEclipse 노드

CFEclipse 박스를 선택하고 Finish를 클릭한다. Eclipse는 CFEclipse 사이트와 연결하여 설치할 아이템 리스트를 가져온다. 이 글을 쓰고 있는 현재, 최신 버전의 CFEclipse (V1.3.1.5)와 CFUnit과 CF Frameworks Explorer를 설치할 수 있다. 설치하고 싶은 아이템을 선택하고 Next를 클릭한다. 이 글에서는, 모든 것을 설치한다.

그림 5. 설치할 기능들

나머지는 직접 읽어보면 이해할 수 있다. 라이센스 동의, 소프트웨어 설치, Eclipse 재시작 부분이다.

위로

Eclipse 용어

진행하기 전에, Eclipse와 관련한 몇 가지 중요한 개념들을 이해하는 것이 중요하다. 처음 Eclipse를 시작하면, 워크스페이스(workspace)를 정의해야 한다. 워크스페이스를 열면, 워크벤치(workbench)라고 하는 메인 창이 나타난다. 워크벤치는 퍼스펙티브(perspective)라고 하는 기능 그룹에 결합된 메뉴, 툴바, 뷰들을 구성하고 있는 메인 IDE 창이다. 이 글에서는, CFEclipse 퍼스펙티브에서 작업할 것이며, 이것은 특정 태스크 또는 기능들을 지원하는 뷰들의 컬렉션이며, 이 경우, ColdFusion 관련 파일들을 편집한다. 각 퍼스펙티브 안에는 많은 뷰들, 창, 영역들이 있으며, 프로젝트, 파일 네비게이터, 텍스트 에디터, 북마크 같은 특별한 기능을 제공한다.

그림 6. CFEclipse 워크벤치

이제 새로운 Art Gallery 프로젝트가 만들어 졌다.

위로

Art Gallery 프로젝트 설정

대부분의 IDE와는 달리, 이 곳에서 파일을 열고 작업을 시작할 수 있고, Eclipse의 워크플로우는 프로젝트와의 작업에 초점이 맞춰져 있다. New Project 마법사를 사용하여 새로운 ColdFusion 프로젝트를 쉽게 만들 수 있다. 먼저, CFEclipse 퍼스펙티브가 열려 있는지 확인한다:

1. Window > Open Perspective > Other를 클릭한다.
2. CFEclipse를 클릭한다.
3. OK를 클릭한다.

이제 우리의 프로젝트를 만들 수 있다:

1. File > New > Project를 클릭하여 New Project Wizard를 연다.
2. CFEclipse 노드를 확장하고 CFML Project를 클릭한다.
3. Next를 클릭한다.
4. 프로젝트의 이름을 입력한다: Art Gallery.
5. 처음 시작 시 여러분이 정의했던 워크스페이스 영역 아래에 있는 기본 위치를 기억하라. Use default location 옵션을 체크 해제하고, 다른 경로를 정의할 수 있다.
6. Finish를 클릭한다.

Art Gallery 프로젝트가 만들어졌다. 프로젝트의 root 디렉토리에 .project 파일이 있다는 것을 알게 된다. 이것은 프로젝트와 관련한 정보를 포함하고 있는 간단한 XML 파일이다. 이것을 삭제하지 말라. 프로젝트를 닫으려면, 프로젝트를 오른쪽 클릭을 하고 Close Project를 선택한다.

새로운 파일 만들기 프로젝트가 생성되었기 때문에, 프로젝트용 Application.cfc를 만들자:

1. File > New > CFML Page를 클릭하여 새로운 페이지를 만든다. CFC Wizard를 사용하여 ColdFusion component (CFC)를 만든다.
2. 파일 이름을 입력하고 경로를 확인한다.
3. Finish를 클릭한다.

새로운 ColdFusion 문서가 열리고 편집 할 준비가 된다. 프로젝트, 파일, 에디터가 열린다.

그림 7. 프로젝트, 파일, 에디터

위로

Art Gallery 애플리케이션 개발하기

CFEclipse는 많은 구성들로 구성되었는데 일부는 Eclipse 플랫폼에서 가져왔고, 대부분은 CFEclipse를 위해 특별히 개발되었다. Art Gallery 애플리케이션을 개발하면서, 이러한 기능들에 대해 알아보고, ColdFusion 개발의 속도를 높일 수 있는 방법을 알아보자.

Art Gallery Application.cfc 정의하기

Application.cfc에 cfcomponent 태그를 정의하는 것으로 시작한다. Application.cfc 안에서, 애플리케이션 전체에 사용될 공통의 변수들을 정의할 수 있다. <c를 타이핑 하기 시작하면, 태그 인사이트(tag insight) 다이얼로그가 나타나고, "C"로 시작하는 모든 태그 리스트들을 보여준다. 추가 글자들을 입력해 가면, 이 리스트는 매칭 태그들을 계속 디스플레이 한다. 이것은 태그 인사이트 기능 때문이다. cfcomponent 태그를 선택하면, 노란색으로 된 태그의 디스크립션이 다이얼로그에 리스트의 오른쪽으로 디스플레이 될 것이다.

그림 8. cfcomponent를 보여주는 태그 인사이트

cfcomponent 태그를 삽입할 때, 커서가 놓이고 애트리뷰트를 삽입할 준비가 된다. 하지만, cfcomponent 태그에 사용할 수 있는 유효 애트리뷰트를 기억할 수 없다면?

신택스 사전 사용하기

ColdFusion에 사용할 수 있는 많은 함수들과 태그가 있다. 검색 가능한 Dictionary View는 빠른 인사이트를 제공한다. — 가용 애트리뷰트와 각 태그와 함수에 대한 간략한 디스크립션을 디스플레이 한다. (그림 9) 보이지 않을 경우: Window > Show View > Dictionary View.

이제 cfcomponent를 입력하고 Search를 클릭한다. 리스트가 디스플레이 되면서, 가용 애트리뷰트, 유형, 값들을 보여준다. 애트리뷰트를 클릭하면 간략한 디스크립션을 볼 수 있다.

그림 9. Dictionary 뷰

Art Gallery 예제의 경우, Application.cfc 내에서 HTML을 생성하지 않을 것이기 때문에 output 애트리뷰트를 입력한다.

<cfcomponent output="false"

닫기 >를 입력할 때, CFEclipse는 닫기 태그를 자동으로 추가한다:

<cfcomponent output="false"></cfcomponent>.

Art Gallery 개발하면서 태스크 관리하기

나머지 표준 Application.cfc 함수들을 추가하겠지만, 다시 돌아와서 기본 매개변수들을 추가해야 한다. Eclipse의 탁월한 특징 중 하나는 Task List이다. 앞서 정의했던 cfcomponent 태그들 사이에 ColdFusion 주석을 입력한다.

<!--- add some default values --->

이제, 주석을 수정하여 앞 부분에 TODO:를 포함시킨다.

<!--- TODO: add some default values --->

파일을 저장한다. 이제, Tasks 뷰를 연다: Click Window > Show View > Tasks.

그림 10. Tasks 뷰

Task 주석은 마크업과 cfscript에서 작동한다. Tasks 뷰는 현재 프로젝트 내의 열린 문서와 닫힌 문서에 기존 태스크들을 보여준다. Tasks 뷰 역시, 문서, 경로, 주석의 라인 넘버를 디스플레이 한다. Tasks 뷰의 태스크를 클릭하면 문서가 열리고, 현재 태스크를 강조한다.

이제, 나머지 Application.cfc를 빠르게 코딩 해 보자. 태그 인사이트를 사용하라.

Listing 1. Application.cfc

<cfcomponent output="false"> <!--- TODO: add some default values ---> <cffunction name="onApplicationStart" returnType="boolean" output="false"> <cfreturn true> </cffunction> <cffunction name="onRequestStart" returnType="boolean" output="false"> <cfargument name="thePage" type="string" required="true"> <cfreturn true> </cffunction> </cfcomponent>

그 다음, 애플리케이션의 홈 페이지를 만든다. Application.cfm을 닫고, index.cfm라고 하는 파일을 만들고 텍스트를 추가한다:

This is index.cfm

코드가 작동하는지 여부를 테스트 한다.

내부 브라우저를 사용하여 Art Gallery 보기

내부 브라우저는 Eclipse 내에 통합되면서, Eclipse 안에 있는 프로젝트를 보여준다. 통합 브라우저를 사용하기 전에, 프로젝트의 홈 페이지 프로퍼티를 설정해야 한다:

1. Artgallery 프로젝트 디렉토리를 오른쪽 클릭한다.
2. Edit URL을 클릭한다.
3. 로컬 서버를 가리키도록 URL을 입력한다: http://localhost/workspace/artgallery/.
4. OK를 클릭한다.

index.cfm이 열리는지를 확인하고, Browser View 탭을 클릭한다. Home 아이콘을 클릭하면 index.cfm을 볼 수 있다.

그림 11. 브라우저 뷰

코드가 실행되므로, 다시 돌아가서, Application.cfc에 몇 가지 변수들을 추가한다. TODO 태스크를 기억하는가? Tasks 탭을 클릭하여 Tasks 뷰를 열면 태스크를 볼 수 있다. 태스크를 더블 클릭하면, Application.cfc가 열린다.

그림 12. Tasks 뷰

이제 몇 가지 변수들을 추가할 수 있다.

Art Gallery 애플리케이션에 변수 추가하기

Application.cfc를 다시 열면, 일부 코드가 없어진 것을 알 수 있다. CFEclipse는 코드 폴딩(folding)을 도입한 최초의 ColdFusion 에디터들 중 하나였다. 코드 폴딩은 열기 및 닫기 태그와 함께 많은 코드 세트를 취하고, 열기 및 닫기 태그 사이에 포함된 코드들을 한 줄로 접는다.

그림 13. 코드 폴딩

Application.cfc에 더 많은 변수를 추가해 보자. 애플리케이션 이름을 정하고, 기본 타임아웃 값을 제공한다.

Listing 2. Application.cfc 변수들

<cfscript> this.name = "Art Gallery"; this.applicationTimeout = createTimeSpan(0,2,0,0); </cfscript>

다른 텍스트 에디터와 마찬가지로, CFEclipse 역시 브래킷(bracket)과 브레이스(brace) 매칭 같은 표준 기능을 지원한다. 브래킷 또는 브레이스 가까이에 커서를 대면, 상응하는 열기 또는 닫기 브레이스가 강조된다. (그림 14) 변수 이름에 대한 더블 쿼트를 추가하면 CFEclipse는 닫기 쿼트를 자동으로 추가한다. 단어나 구문을 강조하고, Ctrl+" 또는 Ctrl+'를 눌러서 선택된 단어를 래핑할 수 있다. CFEclipse wiki에서는 모든 키보드 숏컷 리스트를 제공한다. (참고자료).

그림 14. 브래킷과 브레이스 매칭

Application.cfc는 그렇게 복잡하지 않지만, CFEclipse는 복잡한 파일과 CFC를 검색할 수 있는 두 가지 뷰를 제공한다.

Outline과 Method 뷰로 Art Gallery 애플리케이션 검사하기

Outline과 Method 뷰를 통해 파일 안에 두 개의 뷰를 제공한다. Outline 뷰는 트리 뷰로 문서를 나타내고 각 태그가 노드로서 제공된다.

그림 15. Outline 뷰

Method 뷰는 Outline 뷰와 비슷하지만, CFC를 보는데 사용된다. (그림 16) 점점 더 많은 ColdFusion 프로젝트들이 프레임웍, CFC, OO 기술을 사용하면서, CFC를 쉽게 열고 장소를 검색하는 것이 Method 뷰를 사용하여 훨씬 더 쉬워진다. 뷰에 있는 메소드를 클릭하면 CFC에 있는 그 메소드로 가게 된다.

그림 16. Method 뷰

Application.cfc를 코딩 해 보자. 여러분은 CFSET 태그를 삽입해야 한다. 타이핑을 절약하기 위해 CFSET 스니펫을 만들어서 이러한 태그들을 코드로 쉽게 삽입할 수 있다.

동적인 스니펫

HomeSite의 유명한 기능인 동적 스니펫이 CFEclipse에 생겼다. 이러한 시간 절약 기능을 사용하는 방법을 설명하는 간단한 예제가 있다. 애플리케이션을 개발할 때, 대부분의 개발자들은 각 페이지 시작에 공통의 정보를 포함시킨다. 이를 수행하는 스니펫을 만들 수 있다.

CFSET 스니펫을 만들려면, Snip Tree를 연다: Window > Show View > Snip Tree View + 부호를 클릭하여 새로운 스니펫을 만든다. New Snippet 다이얼로그에서, 스니펫을 정의한다.

그림 17. 새로운 스니펫 정의하기

Snippet 시작 블록에서, 몇 가지 동적 변수들을 사용하여 스니펫을 정의했다.

<cfset name="$${Variable}" = "$${Value}">

이제, Art Gallery용 애플리케이션 제목과 데이터 소스를 정의해 보자. set을 입력하고 나서 바로 Ctrl+J를 입력한다. 각 CFSET에 아래 보이는 값을 타이핑 한다:

• 변수 이름 APPLICATION.name = "ColdFusion Art Gallery"
• 변수 이름 APPLICATION.dsn = "cfartgallery"

사용자 정의 Variable과 Value는 스니펫을 삽입할 때 다이얼로그 박스를 나타내면서, CFSET 태그에 대한 값을 타이핑 할 수 있도록 한다. (그림 18) 사용자 정의 변수 외에도, 날짜, 파일 이름, 기타 값들을 빠르게 삽입할 수 있는 기본 변수들이 있다. CFEclipse wiki에서 전체 리스트를 참조하라. (참고자료).

그림 18. 동적 스니펫 변수들

매우 기본적인 Art Gallery 애플리케이션이 시작되었고, Application.cfc와 index.cfm 파일이 정의되었으므로, Browser 뷰를 사용하여 검색할 수 있다. Art Gallery 애플리케이션을 개발하면서, Application.cfc와 index.cfm 사이를 지속적으로 변환할 수 있다. 많은 파일들 간 전환은 큰 애플리케이션을 개발할 때는 일반적인 태스크이다. 다행히도, CFEclipse는 파일들 주변을 빠르게 이동할 수 있는 편리한 방식을 제공한다.

Art Gallery 파일들 간 이동하기

프레임웍을 사용하여 복잡한 MVC 사이트를 구현하는 것에는 많은 파일들과, 뷰와 컨트롤러 사이를 이동하는 것이 포함된다. 북마크로 브라우저 내에 저장된 URL을 쉽게 검색할 수 있는 것처럼, Eclipse 내 북마크로 코드 내 섹션들을 쉽게 검색할 수 있다. Application.cfc를 다시 열고, 북마크를 추가해 보자. 애플리케이션을 개발하면서 이 파일로 자주 돌아오게 될 것이다.

Application.cfc를 열고, onApplicationStart 함수를 확장하고, 라인 넘버를 오른쪽 클릭한다. Add Bookmark를 선택한다. (그림 19) 북마크를 추가하고, onApplicationStart로 이름을 정한 다음 OK를 클릭하고 Application.cfc를 닫는다.

그림 19. 북마크 추가하기

Bookmark 뷰를 연다: Window > Show View > Bookmarks Task List 뷰와 비슷하게, 각 북마크는 북마크의 파일 이름과 라인 넘버를 보여준다. (그림 20) 북마크를 더블 클릭하면, 파일 내 위치로 간다. 북마크를 오른쪽 클릭하고, Show In을 선택하여 Navigator 또는 File Explorer 뷰 내의 파일을 강조한다.

그림 20. Bookmark 뷰

북마크를 클릭하여 Application.cfc를 다시 연다.

일부 코드를 index.cfm과 Application.cfc에 추가하여(Listing 3) 나머지 Art Gallery 애플리케이션을 완성한다. 이렇게 되면 디버거를 사용하여 테스트를 할 수 있다.

Listing 3. Application.cfc와 index.cfm

// Application.cfc <cfcomponent output="false"> <cfscript> this.name = "ColdFusion Art Gallery"; this.applicationTimeout = createTimeSpan(0,2,0,0); </cfscript> <cffunction name="onApplicationStart" returnType="boolean" output="false"> <cfset StructClear(application)/> <cfset APPLICATION.name = "ColdFusion Art Gallery"> <cfset APPLICATION.dsn = "cfartgallery"> <cfreturn true> </cffunction> </cfcomponent> // index.cfm <html> <head> <title>Art Gallery</title> </head> <body> <h1>Art Gallery</h1> <cfquery datasource="#application.dsn#" name="getArt"> SELECT * FROM art a, artists t, media m WHERE a.artistID = t.artistID AND a.mediaID = m.mediaID ORDER BY a.mediaID, a.artistID, a.price desc </cfquery> <cfoutput query="getArt" group="mediaID"> <h2>#mediaType#</h2> <cfoutput group="artistID"> <h3 style="padding-left: 20px;">#firstName#</h3> <cfoutput> <p style="padding-left: 40px;">#artname# (<em>by #firstname# #lastname#</em>) <cfif price GT 100000> <strong>#DollarFormat(price)#</strong> <cfelse> #DollarFormat(price)# </cfif> </p> </cfoutput> </cfoutput> </cfoutput> </body> </html>

위로

Art Gallery 애플리케이션 디버깅

이제 Art Gallery 애플리케이션이 완성되었으니, 디버거를 사용하여 문제를 해결해 보자. ColdFusion V8의 릴리스를 통해, Adobe는 ColdFusion V8 Extensions for Eclipse에 포함된 디버그 컴포넌트를 릴리스 했다. Adobe.com에서 다운로드 할 수 있다. (참고자료).

ColdFusion 확장을 다운로드 하면, 설치는 CFEclipse와 비슷하다. 압축 파일에서 설치하는 것과 원격 사이트에서 설치하는 것에 차이가 약간 있다. ColdFusion_Extensions_for_Eclipse.zip 파일을 로컬 드라이브로 다운로드 한다:

1. Help > Software Updates > Find and Install을 클릭한다.
2. Search for new features to install을 선택한다.
3. Next를 클릭한다.
4. New Archived Site를 클릭한다.
5. ColdFusion_Extensions_for_Eclipse.zip 파일을 선택한다.
6. OK를 클릭한다.
7. ColdFusion_Extensions_for_Eclipse.zip 노드가 선택되었는지를 확인한다.
8. Finish를 클릭한다.
9. 설치할 기능으로 ColdFusion_Extensions_for_Eclipse.zip을 선택한다.
10. Next를 클릭한다.
11. 그 다음부터는 라이센스 동의, 소프트웨어 설치, Eclipse 재시작 등 충분히 설명적인 것들이다.

디버거를 사용하려면, Eclipse용 ColdFusion 확장을 설치한 후에, ColdFusion V8 Administrator 내에 라인 디버거를 실행해야 한다.

그림 21. ColdFusion 관리자 — 디버거 설정

Administrator 창을 열어두고, 요청에 대해 더 긴 타임아웃 한계를 정할 수 있다.

그림 22. 서버 타임아웃 설정

수정한 후에, ColdFusion을 재시작 한다. Remote Development Services (RDS)를 통해 ColdFusion 서버로 연결되도록 Eclipse를 설정한다:

1. Window > Preferences를 클릭한다.
2. ColdFusion > RDS Configuration을 선택한다.
3. 다이얼로그에 원하는 디스크립션을 타이핑 한다. (그림 23)
4. ColdFusion 서버가 로컬에서 실행된다면, Host Name에 127.0.0.1을 타이핑 한다.
5. 독립 설정에 ColdFusion을 설치했다면, 서버의 포트 넘버에 8500을 타이핑 한다. 그렇지 않으면, 웹 서버의 포트 넘버(주로 port 80)을 타이핑 한다.
6. ColdFusion V8을 설치할 때 생성했던 사용자 이름과 패스워드를 타이핑 한다.
7. Test Connection을 클릭한다.

그림 23. RDS 설정

디버깅에 더하여 RDS 연결을 정의했다면, RDS Dataview 뷰에서 데이터 소스들을 검색할 수 있고, Services Browser 뷰에서 CFC를 볼 수 있으며, 마법사를 사용할 수 있다. RDS가 올바르게 설정되었으므로, 디버거 서버 연결을 설정하여 Art Gallery를 디버깅 할 수 있도록 한다. 디버그 다이얼로그를 확장한다.

그림 24. 디버그 메뉴

ColdFusion Application을 클릭하고, New Launch Configuration을 클릭하여 디버거 설정 다이얼로그를 연다.

그림 25. 디버거 설정

1. ColdFusion 서버 이름을 타이핑 한다.
2. 서버용 디버그 URL을 타이핑 한다. 이 예제에서는 로컬 서버로 연결하고 있다. 디버거용 기본 포트는 8500이다.
3. Apply를 클릭한다.
4. Debug를 클릭한다.

Debug 퍼스펙티브를 연다: Window > Open Perspective > Other > Debug. 여러분은 이제 Debug 퍼스펙티브에 있게 된다.

그림 26. Debug 퍼스펙티브

이제 CFEclipse 퍼스펙티브로 전환하여 몇 가지 중단점을 Art Gallery의 index.cfm 파일에 추가한다. 각 라인의 옆에 있는 홈 안을 더블 클릭 하거나 오른쪽 클릭을 한다. 이곳에 중단점을 입력한다. 중단점은 작은 파란 점으로 표시된다.

그림 27. 중단점 삽입하기

이제 Debug 퍼스펙티브로 간다. 브라우저를 열고, Art Gallery를 검색한다. 코드가 디버거에서 실행되기 때문에, 각 중단점은 그 라인에서 템플릿의 실행을 중지한다. 현재 변수, 식, 값을 검사한다.

그림 28. Art Gallery 디버깅

Debug 퍼스펙티브 안에서, 디버거가 코드를 실행하는 방법과 앞서 설정한 중단점과 상호 작동 하는 방식을 제어할 수 있다.

그림 29. 디버거 실행 제어하기

• 페이지 프로세싱을 지속하려면 Continue를 클릭한다. 요청이 완료되거나 또 다른 중단점에 도달할 때까지 페이지를 실행한다.
• 디버깅을 중지하려면, Stop을 클릭한다. 디버깅 세션이 종료된다.
• step into into 버튼은 중단점에 위치한 코드로 들어간다. 이것을 사용하여, 루프 또는 CFC 안에 있는 코드를 실행할 수 있다.
• step over 버튼은 루프, 함수를 넘어가는데, 이것으로 특정 코드 섹션을 우회할 수 있다.

이전 버전의 ColdFusion을 사용하면, FusionDebug를 설치할 수 있다. 링크와 자세한 내용은 참고자료를 참조하라. 모든 것이 잘 작동된다면, 단계를 반복하여 Art Gallery를 디버그 할 수 있다. 다음에는, Art Gallery를 웹 서버에 전개하여 다른 사람들도 이 애플리케이션을 볼 수 있도록 해야 한다.

위로

프로젝트 전개하기

Eclipse에서 Art Gallery를 전개할 수 있는 다양한 방식이 있다. CFEclipse는 원격 디렉토리에 파일을 FTP로 보낼 수 있는 기능이 있다. 우선, File Explorer 뷰를 선택한다. 화살표를 클릭하여 새로운 위치를 추가한다.

그림 30. File Explorer 뷰 위치

이름과 연결 정보를 제공한다.

그림 31. 위치 연결 정보

새로운 연결을 선택한다.

그림 32. 새로운 연결

Aptana 플러그인(참고자료)은 로컬 파일 시스템이나 Eclipse 프로젝트를 원격 FTP/SFTP 사이트로 연결한다. (그림 33) FTP외에도, CSS, JavaScript, HTML 에디터를 제공하고, CFEclipse에 많은 것을 추가한다

.
그림 33. Aptana 파일 동기화

Remote Development Services (RDS)는 ColdFusion V8 코드 디버거를 제공하는 ColdFusion V8 Extensions for Eclipse 확장 패키지 안에 포함되어 있다. RDS를 사용하여, 원격 파일과 데이터 소스에 액세스 할 수 있다. (그림 34) ColdFusion 베스트 프랙티스에 따라, RDS는 실행 서버에 설치되어서는 안된다.

그림 34. ColdFusion Extensions — RDS

이러한 방식을 사용하여 Art Gallery 또는 어떤 애플리케이션이라도 전개할 수 있다.

위로

요약

CFEclipse를 사용하여 Art Gallery 애플리케이션을 생성, 테스트, 전개해 보았다. 프로젝트를 보다 빠르고 효율적으로 개발할 수 있는 많은 기능들에 대해 알아 보았다. 하지만 미쳐 알아내지 못한 많은 기능들도 있다. 아직도, HomeSite나 Dreamweaver를 사용하고 있다면, CFEclipse를 다운로드하고 성장하는 CFEclipse 커뮤니티에 가입하기를 적극 추천한다.

참고자료

교육

• CFEclipse wiki
• CFEclipse wiki FAQ.
• CFEclipse 메일링 리스트.
• 이클립스 플러그인 아키텍처 기초와 구현, 설치에 대한 IBM developerWorks 기술자료 "Eclipse 플러그인 개발하기 (한글)," - David Gallardo.
• 플러그인 개발에 관한 정보, Eclipse.org.
• 이클립스 플랫폼 소개 "Eclipse Platform 시작하기 (한글)," - David Gallardo.
• Eclipse: Building Commercial-Quality plug-ins, - Eric Clayberg and Dan Rubel.
• Eclipse용 플러그인.
• ColdFusion V8 Help Files for Eclipse.
• "Eclipse 추천 도서 리스트 (한글)."
• Eclipse 콘텐트 (영문): developerWorks.
• 이클립스가 처음이라면? developerWorks 기술자료 "Eclipse Platform 시작하기 (한글)"를 참고하라. Eclipse Platform의 기원과 아키텍처에 대해 알아보고 플러그인 확장으로써 사용하는 방법도 알아본다.
• 한국 IBM developerWorks' Eclipse project resources를 참고하여 이클립스 스킬을 넓혀보라.
• developerWorks podcasts.
• 이클립스 플랫폼 소개, "Eclipse Platform 시작하기 (한글)."
• developerWorks의 기술 이벤트와 웹캐스트.
• 무료 developerWorks On demand 데모.
• IBM 오픈 소스 개발자를 위한 컨퍼런스, 트레이드 쇼, 웹 캐스트, 이벤트.
• developerWorks 오픈 소스 존

제품 및 기술 얻기

• ColdFusion V8 Extensions for Eclipse.
• CFEclipse 플러그인 다운로드.
• CFUnit: ColdFusion용 오픈 소스 단위 테스팅 프레임웍.
• FusionDebug: 상용 ColdFusion 디버거.
• XMLBuddy: XML 에디터.
• Subversion : Eclipse Team Provider 플러그인.
• Apache Ant: 자바 기반 빌드 툴.
• Aptana IDE: Ajax 애플리케이션 구현을 위한 무료 크로스 플랫폼 오픈 소스 JavaScript 중심 에디터 및 개발 환경.
• ColdFusion V8 신택스 사전.
• 최신 Eclipse technology 다운로드 (IBM alphaWorks)
• Eclipse 플랫폼과 기타 프로젝트 다운로드(Eclipse Foundation).
• IBM 제품 평가판 다운로드, DB2®, Lotus®, Rational®, Tivoli®, WebSphere®.
• IBM 시험판 소프트웨어를 이용하여 차기 오픈 소스 개발 프로젝트를 혁신해보라(다운로드 및 DVD 제공).

토론

• Eclipse Platform 뉴스그룹
• Eclipse 뉴스그룹
• developerWorks 블로그와 다양한 developerWorks community 참여하기.
  

필자소개

	Jim Priest는 남편이자, 두 아이의 아버지이며, 개발자이자, 모터 사이클 애호가이다. 현재, Lockheed Martin에서 소프트웨어 개발 분석가로 활동하고 있다. 주로 ColdFusion으로 작업하지만, Powerbuilder도 다루며, Visual CE로 핸드헬드 애플리케이션을 구현하고 있다.

출처 - 네이버 블로그