여러분은 어떤 툴로 플래시를 개발 하시나요? 플래시를 개발 할 수 있는 툴은 참 다양하게 있습니다. SWF 포멧 자체가 공개 되어 있기 때문에 심지어 바이너리를 수정 해서도 만들 수 있습니다. 일반적인 경우 Flash IDE 나 Flash Builder 를 많이 이용 하지요. 저 같은 경우 재작년 까지는 Flash Develop 이 가벼워서 애용하다가 최근에는 Flash Builder 에서 주로 작업을 하고 있습니다. 모두 좋은 툴이므로 본인의 상황에 맞게 이용하면 되겠지요.
그런데 근래에 들어 사용횟수가 부쩍 늘어난게 있는데 바로 Vim 입니다. 정확하게는 터미널에서 작업을 한다고 해야 되겠네요. 터미널에서 작업을 하면 가장 좋은게 더 이상 마우스 질을 하기 위해서 손을 움직이지도 않아도 된다는 겁니다. 디자이너 출신인 제가 마우스 질 하기가 귀잖다는게 참 아이러니 하네요. ㅎㅎㅎ 여튼 그래서 터미널에서 플래시를 개발하는 방법과 유용한 Vim 플러그인을 소개 해 보겠습니다. 참고로 테스트 환경은 MaxOS X 10.7.2, Vim 7.3 입니다.
1. Download lastest Flex SDK or Flash Builder
2. Setting PATH & alias
[bash]
export PATH=/usr/local/git/bin:/opt/local/bin:/opt/local/sbin:/usr/bin:/bin: /usr/sbin:/sbin:/usr/local/bin:/usr/X11/bin:/opt/local/bin:/usr/local/git/bin:/Applications/Adobe Flash Builder 4.5/sdks/4.5.1_AIR3/bin
alias flash=’/Applications/Adobe Flash Builder 4.5/player/mac/11.1/Flash Player Debugger.app/Contents/MacOS/Flash Player Debugger’
[/bash]
빌드를 편하게 하기 위해서 PATH 와 단축키를 설정 합니다. PATH 에는 빌더의 bin 폴더를 alias 에는 사용할 플레이어 실행 파일을 설정합니다. 플레이어의 경우 절대경로 상에서 실행하지 않으면 안되므로 alias 로 만들어 줘야 합니다. 이렇게 하면 간단하게 mxmlc 로 컴파일 하고 flash 로 실행 할 수 있게 됩니다.
3. Download Vundle
Vim 플러그인 관리툴 입니다. 한번에 간단하게 플러그인 들을 설치/관리 할 수 있습니다. 파일트리를 볼 수 있는 NERD Tree 와 actionscript syntax 를 해주는 vim-actionscript 등을 유용한 플러그인을 설치 할 수 있습니다.
4. Download AutoComplPop
Vim 같은 터미널 에디터를 쓸 때 참 아쉬운게 자동완성 기능인데 IDE 처럼 완벽하지는 않지만 나름 코딩시간을 많이 줄여 줍니다.
5. Setting .vimrc
[bash]
" my setting
set nu
set autoindent
set smartindent
syntax enable
set nocompatible " be iMproved
filetype off " required!
set rtp+=~/.vim/bundle/vundle/
call vundle#rc()
" let Vundle manage Vundle
" required!
Bundle ‘gmarik/vundle’
" My Bundles here:
"
" original repos on github
Bundle ‘tpope/vim-fugitive’
Bundle ‘Lokaltog/vim-easymotion’
Bundle ‘rstacruz/sparkup’, {‘rtp’: ‘vim/’}
Bundle ‘tpope/vim-rails.git’
Bundle ‘jeroenbourgois/vim-actionscript’
Bundle ‘scrooloose/nerdtree’
" vim-scripts repos
Bundle ‘L9’
Bundle ‘FuzzyFinder’
" non github repos
Bundle ‘git://git.wincent.com/command-t.git’
" …
filetype plugin indent on " required!
"
" Brief help
" :BundleList – list configured bundles
" :BundleInstall(!) – install(update) bundles
" :BundleSearch(!) foo – search(or refresh cache first) for foo
" :BundleClean(!) – confirm(or auto-approve) removal of unused bundles
"
[/bash]
Vundle 설치를 위한 설정과 자동들여쓰기 옵션 등을 본인의 기호에 맞게 설정합니다. 대충의 설정이 끝났습니다. 이제 열심히 코딩 합시다. ^^
영상은 어웨이에 구를 넣어 swf 를 만들기 까지 vim 과 builder 코딩시간비교 입니다. 원래 목표는 “vim 이 훨씬 빨라요.” 뭐 이런 결과를 보여드리고 싶었는데 별반 차이가 없네요. ㅎㅎㅎ
]]>아직까지는 대부분의 플레이어가 Flash Player 9이기 때문에 FP10으로 실 프로젝트를 진행 할 수는 없다. 다만 성급한 작업자로서 FP10의 새로운 기능들과 테스트를 위해서 FP10 swf파일(이하 swf)을 만들 수 있는 환경을 만들어 보았다.
1. 준비물
FP10으로 작업을 하기 위해서는 swf를 만들어 줄 SDK와 FP10이 필요하다. 아직까지 Flash 10이 없으므로 현재까지 swf를 만들 방법은 Flex SDK를 이용하는 수 밖에 없다. 최신에 나온 Flex 3, Flex 4 모두 이용 할 수 있다. 다만 Flex 4 의 변경된 점 도 알아볼 겸 Flex4 를 추천한다. 그리고 마지막으로 FP10을 준비한다.
– Flex 3 SDK : 다운로드
– Flex 4 SDK : 다운로드
– Flash Player 10 : 다운로드
– Flash Player 10 Debug : 다운로드
최근 FP10 Debug 또한 릴리즈 되었다. Debug를 이용할 사용자라면 FP10 Debug를 설치 할 것을 추천한다.
2. Flash Player 10 설치하기
a. 기존의 Flah Player 삭제
b. FP10 설치
3. Flex Builder 3 설정하기
a. flex_config.xml 설정
기존에는 FLEX_SDK/frameworks/flex-config.xml 을 수정해 줬어야 하지만 최신 SDK 는 FP10 이 기본으로 설정 되어 있으므로 따로 수정해줘야 할 필요는 없다. 다만 필자도 이상하게 playerglobal.swc 가 인식이 안되어서 제대로 컴파일이 안되는 문제가 있었는데 만약 Flex Builder 에 SDK 를 설치하고 나서 제대로 컴파일이 안된다면
[sourcecode language=”xml”]
[/sourcecode]
[sourcecode language=”xml”]
두 부분의 {targetPlayerMajorVersion}을 10 으로 변경하고 재설치 해보기 바란다.
b. Flex SDK 설치
메뉴 -> Window > Preferences > Flex > Installed Flex SDKs 에서 새로운 SDK를 설치한다.
c. Project 설정
새로운 Project를 생성하고 메뉴 -> Project > Properties > Flex Compiler 에서 Flex SDK version 과 Require Flash Player version 을 수정한다.
4. 테스트
새로운 mxml 파일을 만들고 아래에 코드를 넣어 버젼을 확인한다.
[code xml]
…수정중…
[/code]
5. 맺음말
FP10은 많은 새로운 기능들을 선보이며 화려하게 선보였다. 아직은 버그나 보안, 시스템에 최적화 등 많은 문제점을 가지고 있지만 이러한 것들은 앞으로 충분히 개선이 되리라 생각한다. 따끈따끈한 FP10 으로 모두 즐플 하시길 바랍니다.
6. 참고
http://opensource.adobe.com/wiki/display/flexsdk/Targeting+Flash+Player+10+Beta
http://blog.jidolstar.com/360