출처 : http://2005elc.elancer.co.kr/eTimes/page/eTimes_view.html?str=c2VsdW5vPTQ1MjE= 1. Flex의 인스톨 | |
2006/12/12 | |
| |
■Flex의 인스톨 우선 가장 먼저 Flex를 인스톨합니다. Flex는 J2EE(Java EE) 애플리케이션 서버 상에서 동작하기 때문에 동작시키려면 JDK와 애플리케이션 서버가 필요합니다. 여기에서는 이러한 인스톨도 함께 실시하도록 하겠습니다. Flex는 최신 버젼 2.0을 사용하고 싶지만 아직 베타판 릴리스이기 때문에 이번에는 정식 릴리스가 되어 있는 버젼 1.5를 사용하도록 하겠습니다. Flex 1.5는 JDK 5.0에는 대응하고 있기 때문에 JDK는 1.4계를, 애플리케이션 서버는 Apache Tomcat의 5.0계를 각각 사용합니다. 이번 호에는 개발 환경에 Eclipse를 이용하는 방법을 소개하는 것이므로 Flex Builder에 대해서는 따로 인스톨 할 필요는 없습니다. ■Eclipse 상에서 개발하는 준비 이번회에는 Flex 애플리케이션의 개발 환경으로서 Java 엔지니어에게는 이미 필수 개발툴이 된 Eclipse를 사용해 보고자 합니다. Flex 애플리케이션의 개발 환경으로서는 Macromedia가 제공하고 있는 Flex Builder라는 IDE(통합 개발 환경)가 있는데 프로세스가 무겁게 Eclipse와 양립해서 시작되었으며 스펙이 낮은 머신에서는 동작이 늦어지거나 불안정해지기도 합니다. 또, 트라이얼판에서는 60일간의 사용 제한이 있어서 시간이 지나면 사용할 수 없게 되어 버린다는 단점도 있습니다. 이번에 소개할 것은 Eclipse 상에서 MXML의 코드 어시스트를 가능하게 하는 방법입니다. 유감스럽게도 Flex Builder와 같이 컴포넌트를 드래그&드롭하여 GUI 와 비슷하게 개발할 수 없습니다. 그렇다면 Eclipse 상에서 개발하는 준비를 진행시키도록 합시다.
|
2. XML 에디터의 설정(1) | ||||||
2006/12/12 | ||||||
| ||||||
XML 에디터의 설정 Eclipse와 WTP의 인스톨이 끝났으면 그 다음으로 MXML의 코드 어시스트를 가능하게 하기 위해서 XML 에디터를 설정합니다. 우선, Eclipse의 도구모음 창에서 설정을 선택합니다. 그러면, 아래와 같은 설정 다이얼로그가 나타납니다. 여기서 왼쪽의 트리에서 [일반]→ [컨텐츠 형식]을 선택합니다. 오른쪽의 컨텐츠 형식 표시란에 컨텐츠 형식의 트리가 나타나므로 [Text]→[XML]를 선택합니다.
추가 버튼을 누르면 아래와 같은 다이얼로그가 표시되므로 파일 형식에“*.mxml”라고 입력하고 OK버튼을 누릅니다. 그러면 연결 파일 칸에 *.mxml가 더해집니다.
계속해서 설정 다이얼로그의 왼쪽 트리에서 [Web and XML]→ [XML Catalog]를 선택합니다. 오른쪽의[XML Catalog Entries]표시란에[XML Catalog]의 목록이 표시되면 [User Specified Entries]를 선택합니다.
|
3. XML 에디터의 설정(2) | |||||
2006/12/12 | |||||
| |||||
Add 버튼을 누르면 아래와 같이 다이얼로그가 나타나므로 [URI]에 MXML의 XML schema 파일의 장소를 지정합니다. schema 파일은 Flex를 인스톨한 디렉토리/extras/schema/mxml.xsd가 되므로 각자의 환경에 맞추어 지정하시기 바랍니다. URI를 입력하면 [Key Type]과 [Key]에는 자동적으로 값이 들어가므로 그곳은 변경하지 않고 OK버튼을 누릅니다.
여기까지 되었다면 Eclipse의 적당한 프로젝트에 MXML 파일을 작성하고 [Ctrl 키]+[스페이스 키]를 눌러 아래와 같이 MXML의 코드 어시스트가 가능하게 되는지를 확인하기 바랍니다. .
|
4. Tomcat 기동/정지의 설정(1) | ||||
2006/12/12 | ||||
| ||||
Tomcat 기동/정지의 설정 다음으로 Eclipse 상에서 Tomcat을 기동/정지할 수 있도록 합시다. 사실 조금 전 인스톨한 WTP에는 Eclipse 상에서 Tomcat를 기동/정지하는 기능이 준비되어 있습니다. Sysdeo 등이 제공하고 있는 Tomcat 플러그 인을 사용해도 동일하게 실현될 수 있지만 이번 회에는 모처럼 WTP를 인스톨했으므로 이쪽을 사용합니다. 우선, Eclipse의 도구모음 창에서 설정을 선택합니다. 그러면 아래와 같은 설정 다이얼로그가 표시됩니다. 이 때 왼쪽의 트리에서 [Server]→[Installed Runtimes]를 선택합니다.
Add 버튼을 누르면 아래와 같은 다이얼로그가 나타나며 [Apache]→[Apache Tomcat v5.0]을 선택하여 다음 버튼을 누릅니다.
|
5. Tomcat 기동/정지의 설정(2) | |||||
2006/12/12 | |||||
| |||||
그러면, 아래와 같은 다이얼로그가 나타나고 [Tomcat installation directory]에 Tomcat을 인스톨한 디렉토리를, JRE에 Eclipse로 설정되어 있는 JRE를 지정합니다. Name은 임의이므로 원하는 이름으로 변경할 수도 있지만 여기에서는 디폴트 그대로 둡니다. 입력이 끝나면 종료 버튼을 누릅니다.
아래의 설정 다이얼로그의 오른쪽 칸에 지금 추가한 Tomcat이 나타난 것을 확인하고 체크 박스에 체크를 하고 OK버튼을 누릅니다. 이것으로 Eclipse 상에서 Tomcat를 기동/정지할 준비가 갖추어졌습니다.
|
6. Cairngorm Framework의 다운로드 | ||||||||||||||||||||||||||||||||||||||||
2006/12/13 | ||||||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||
■Cairngorm Framework의 동작 확인 개발 환경의 구축이 끝났다면 그 다음으로 Cairngorm Framework에 부속되어 있는 로그인의 샘플 애플리케이션을 사용하여 동작을 확인해보겠습니다. ·Cairngorm Framework의 다운로드 우선 iteration::two사의 웹 사이트에서 Cairngorm Framework 0.99를 다운로드합니다. 다운로드한 파일을 적당한 디렉토리를 지정하여 풀고 내용을 보도록 합시다. 아래의 5개의 디렉토리가 있을 것입니다. 각 디렉토리의 내용은 아래와 같습니다.
|