'98..Etc/Adobe Air'에 해당되는 글 1건

  1. 2009.07.03 adobe air 개발환경 세팅
98..Etc/Adobe Air2009. 7. 3. 13:20
반응형

Adobe에서 RIA Application을 개발할 수 있는 AIR를 시작해보고자 하며
우선 첫번째로 AIR를 개발하는 개발 환경을 만들어보는것 부터 해보겠습니다.

AIR는 FLEX, FLASH, HTML, Ajax, 등 다양한 언어로 개발이 가능하지만 저는 플래시 개발자라
플래시로 AIR를 개발하고 있답니다.

아참 그리고 여러분들은 플래시를 어디에서 개발하시나요?^^

1. Adobe Flash 의 액션 입력창에 하드코딩한다.

2. Adobe FLEX Builder 를 이용해서 FLASH를 개발한다.

3. Flash Devloper Tool (FDT) 툴을 이용한다.


대부분의 사람들이 이 세가지 중 한가지 방식으로 플래시 개발을 하고 있을거라 생각됩니다.
저는 Flex Builder를 이용하여 개발을 하고 있어서 Flex에서 AIR 개발환경을 구축하는 법을 저 알아보고자 해요

접기


제일 먼저 해야할 일은 FLEX를 최신버전으로 업데이트 해주는 것입니다.
FLASH ActionScript는 지금도 끊임없이 버전업 되고 있고 AIR역시 계속해서 바뀌고 있습니다.
때문에 최신버전으로 먼저 업데이트 시켜 놓아야 새로 생겨난 클래스와 함수를 사용할 수 있습니다.

최신버전으로 업데이트 받기
※ 현재 기준(2009.03.10) 최신 버전은 3.0.2 버전까지 나와 있습니다.

업데이트를 다 했으면 SDK가 최신버젼으로 적용되었는지 확인해 보겠습니다.





프로젝트 명에서 우클릭 한 후 Properties를 선택하면 프로젝트의 속성을 보실 수 있습니다.

여기서 Flex Compiler를 선택하여 업데이트 받은 SDK의 버전을 확인하면 됩니다.




자 그럼 프로젝트를 만들어 보겠습니다.



먼저 Flex Navigator 공간에서 우클릭후 New - Flex Project 를 선택합니다.

ActionScript Project 가 아니라 Flex Project 를 선택하는 이유는 ActionScript Project에서는 AIR로 선택을 못하기 때문이랍니다. ^^




프로젝트 명을 입력하고 Desktop Application( runs in Adobe AIR ) 를 선택합니다.

그리고  Next 버튼 클릭!!

여기서 Finish 버튼을 눌러버리면 FLEX 언어로 AIR를 개발하는 환경이 만들어지니 조심하세요~



바꿀 내용이 없으므로 Next 클릭



여기서 Main source folder 에 있는 "src"를 지워주고

AIRTest.mxml -> AIRTest.as로 바꾸어 줍니다.
( mxmlas 로 바꾸어 준다는 소리지요 )




그럼 FLASH로 AIR를 개발할 수 있는 프로젝트가 이쁘게 생성된걸 볼 수 있습니다. ^^




이제 FLA 파일을 생성해서 Document Class만 연결해 주면 개발환경이 갖추어 지겠네요~

현재 Flash CS4 버전에서는 기본적으로 AIR를 생성할 수 있게 되어 있지만

Flash CS3 버전을 사용하고 계시는 분들은 CS3를 업데이트 하셔야 AIR를 개발 할 수 있습니다.

■ FLASH CS3 업데이트

CS4 버전의 첫화면의 Create New - Flash File( Adobe AIR ) 를 선택해서 AIR Flash 파일을 만듭니다.



생성한 후 프로젝트 폴더속에 FLA를 저장합니다.


그리고 PROPERTIES Panel에 가서
Document Class를 설정해 줍니다.

저같은 경우는 처음 프로젝트로 생성된
AIRTest.as 를 기본 클래스로 설정했습니다.

※ Tip
Document Class를 설정하고 좌측의 연필
아이콘을 눌렀을때 소스코드가 보이지 않는다면
패키지 명이나 경로가 잘못된 것이니 다시 확인해 주셔야 합니다.














자 그럼 제대로 연결이 되었는지 간단하게 빨간색 사각형을 그리는 코드를 작성해 보겠습니다.

작성이 다 되었으면 Flash로 가서 Ctrl + Enter를 눌러 테스트 해 봅니다.



이쁘게 그려진걸 볼수 있습니다.

그럼 이제 AIR로 신나게 개발하면 되겠네요~~ 다들 개발 ㄱㄱㄱ

접기

Posted by 1010