벅짱의 다섯번째 이야기

bugzzang's Blog is powered by Textcube / Designed by Qwer999

트위터 클라이언트로 twhirl 을 사용중이다.
이놈이 Adobe AIR 로 구동되는 놈인지라.. 자연 AIR 에 관심이 갔다.
좀 살펴보니 꽤 매력적인 도구인지라 공부를 시작!

AIR Application 을 만드는 방법은 여러가지가 있다.
원시적인 방법으로는
Notepad 에서 html 코딩 후 AIR SDK 를 콘솔에서 실행시켜 배포판을 만들어도 된다.

난 그나마 익숙한 툴인 이클립스 기반의 Aptana 를 이용하기로 했다.

뭐.. 공부를 오래 한것도 아니고..
그까이꺼 대충~ 하는 마음으로 막무가내로 만들어보자.


1. Aptana 다운받기

사용자 삽입 이미지
http://aptana.com 에 접속해 설치 프로그램을 다운은 후 Aptana 를 설치한다.


2. AIR Project 만들기
사용자 삽입 이미지
Aptana 실행 후 프로젝트를 만든다.

사용자 삽입 이미지
Aptana Projects 중 Adobe AIR Project 를 선택하면 된다.

사용자 삽입 이미지
Project name 은 HelloWorld 라고 하자.
그 뒤 나오는 항목들은 귀찮으니 모두 default 로 셋팅하자.

사용자 삽입 이미지
HelloWorld Project 가 생겼다.
html 문서도 하나 열렸다.


3. 소스 수정하기
사용자 삽입 이미지
html 문서에서 아래쪽 body 안의 내용을 전부 삭제후 HelloWorld! 라고 수정한다.

사용자 삽입 이미지
좌측 프로젝트 창의 HelloWorld 를 열어보면 프로젝트에 쓰이는 여러 파일들이 나온다.
그중 sample.css 파일을 열어 적당히 수정한다.

사용자 삽입 이미지
가장 중요한 application.xml 파일을 열어본다.
설정 그룹별로 아래쪽에 탭이 생기는데, 그 중 Source 탭을 열어 직접 수정해도 된다.
일단 창 크기를 의미하는 width 와 height 부분만 살짝 바꿔본다.
다른 부분은 뭘 말하는지 잘 모르겠다.


4. 실행해보기
사용자 삽입 이미지
수정했으면 저장한 후 툴바의 실행버튼을 이용해 application 을 실행해본다.

사용자 삽입 이미지
잘 실행된다.


5. AIR 배포판 만들기
사용자 삽입 이미지
이번엔 배포가 가능하도록 배포판을 만들어본다.
툴바의 "Export Adobe AIR Package" 버튼을 이용한다.

사용자 삽입 이미지
Next 의 연속이다. 다음.. 다음..

사용자 삽입 이미지
위의 과정이 끝나면 Project 창에 HelloWorld.air 파일이 생긴다.
어플리케이션을 실행할 컴퓨터에 저 파일을 배포하면 된다.


* p.s. 설치해보기
사용자 삽입 이미지
HelloWorld.air 파일을 실행하면 위와 같은 설치메세지가 뜬다. 설치하자.

사용자 삽입 이미지
HelloWorld 어플리케이션이 설치되었다.

사용자 삽입 이미지
실행도 잘 된다.

2009/08/07 15:25 2009/08/07 15:25
공부하기/기타 2009/08/07 15:25 by bugzzang

TRACKBACK :: http://www.bugzzang.com/blog/trackback/322

  1. 조율 2009/08/17 13:59 # M/D Reply

    우와~ 공부도 하는거에요? @.@

  2. leech 2009/08/18 14:12 # M/D Reply

    AIR는 귀찮게 뭐해러... ㅡ_-)a

  3. rapper_jay 2009/08/28 14:15 # M/D Reply

    AIRmaker는 귀찮게 뭐해러... ㅡ_-)a

Leave a Comment
1 2 3 4 5 6  ... 309 
전체 (309)
끄적이기 (111)
즐겨찾기 (35)
사진찍기 (76)
알려주기 (43)
공부하기 (16)
긁어오기 (28)