[AIR] Flash, Flex, Air Helper ( Ver. 1.0.x )

1. 소개

말 그대로 Flash, Flex , Air 관련 작업을 할때 도우미 역할을 하는 어플리케이션입니다.

이름은 HELPER ( 일명:도우미, 버전:1.0.2 ) 이구요.

이 도우미에 대해서 간략히 소개를 드리자면,

Tracer(추적자), Searcher(조사자), Player(연주자) 이렇게

3명의 도우미가 있습니다. ( 좀 어거지 썼습니다.^^ )

첫번째, Tracer 는 개발할때 로그를 찍어주는 역할의 추적자입니다.

Flash의 trace와 사용법은 같지만 기능은 더 향상되었습니다.

두번째, Searcher 는 검색하는 역할의 조사자입니다.

개발을 하다보면 막혔을때나 궁금한 것이 있을때 검색을 많이 하게 되는데요.

Google 일반검색과 Naver 카페검색 그리고 Naver 영어사전 검색을

한번에 할 수 있게 하였습니다.

영어사전 검색은 저처럼 코딩시 울렁증이 심한 분들에게 유용할 것이라고 생각되어서요;;

마지막으로, Player는 mp3 연주자 역할을 합니다.

RIA 개발자들에게 용량 크고 기능 많은 mp3 player는 컴퓨터 성능을 저하시켜

작업 능률을 떨어뜨리게 됩니다...

그래서 딱 필요한 기능들만 구현하였습니다.

음악을 듣는게 제한이 될수도 있겠지만..

시끄런 키보드 소리와 전화벨 소리에서 잠시 해방이 될 수 있다면..^^;;


2. 기능

① Tracer
  - AS2.0 과 AS3.0 모두 사용 가능합니다. (사용 as 파일이 다름)

  [AS2.0]
  - 기존 trace 기능과 더불어 Object의 구성요소를 trace 가능하게 하였습니다.

  [AS3.0]
  - 기존 trace 기능
  - Array의 구성요소를 추적합니다.
  - Object의 구성요소를 추적합니다.
  - Sprite의 구성요소를 추적합니다.
  - MovieClip의 구성요소를 추적합니다.
  - Class의 구성요소를 추적합니다.
  - 디버그 모드가 아니어도 추적합니다.

② Searcher
  - Google 기본검색을 지원합니다.
  - Naver 카페글 검색을 지원합니다.
  - Naver 영어사전 검색을 지원합니다.

③ Player
  - 음악선택시 멀티 선택이 가능합니다.
  - 마지막 음악재생이 끝나면 처음으로 돌아와 재생합니다.


3. 사용법

① Tracer

Tracer 는 AS2.0과 AS3.0에서 모두 사용할 수 있습니다.

단, 각각 클래스를 가지고 사용하셔야 합니다.

[AS2.0] : TraceClass2.as  -  down

예) public var trace:Function = TraceClass2.getInstance().sdsds;

[AS3.0] : TraceClass.as   -  down

예) public var trace:Function = TraceClass.getInstance().sdasd;

위의 각각 클래스를 다운받으셔서

위와같이 선언하여 기존과 똑같이 trace(str); 이런식으로 사용하시면 되겠습니다.

매번 선언하기가 번거로우시면,

클래스 패스나 글로벌 클래스 패스를 잡으시면 그냥 편하게 사용하실 수 있습니다.

개인적으로는 글로벌 패스를 잡으시는것을 추천합니다.
(Edit -> Preferences -> ActionScript 에서 셋팅하시면 되겠습니다.)

② Searcher

그냥 검색어를 입력하고 해당 버튼을 누르시면 되겠습니다.

검색결과가 나오면 리스트를 더블클릭하게 되면 바로 그 페이지로 연결이 됩니다.

익스플로러를 하나 띄우고 해당사이트로 가서 검색어를 입력하는 시간과 비교하면

꽤 단축될 것입니다.

③ Player (mp3)

mp3파일을 선택하고 ( 멀티선택 가능 ) 그냥 음악을 들으시면 되겠습니다.-_-;

리플레이 기능은 되구요.

추후 드래그 앤 드랍 기능을 추가시킬 예정입니다.


※ 쓰다가 버그나 개선할 점이 있다면 언제든지 말씀해 주세용^^


4. 개발 후기

반복되는 생활에서 작은 즐거움을 찾고 싶었다.

큰 목표는 앞으로 끊임없이 노력해야만 다가갈 수 있지만,

작은 목표는 일상의 활력소가 될 수 있다고 생각했다.

그게 이루어 지든 이루어지지 않든...

그래서 나는 이 AIR 어플리케이션을 만드는 것을 작은 목표로 삼았다.

회사생활과 병행하는 부분이 많이 힘들었지만...

완성하고 나니 무지 뿌듯했다..

이 맛(?) 때문에 나는 액션스크립트 개발자로 일하는 것이다.

이 HELPER 라는 어플리케이션은 사용자 범위가

플래시를 사용하는 사람으로 제한이 되어있다.

처음에는 이런 제한 때문에 다른쪽으로 아이디어를 생각했지만..

잘만들어지면.. RIA 개발자에게는 꼭 필요할 수 있다는 생각을 하였다.

---------------------------------------------------------------

HELPER는 말 그대로 '도우미' 이다.

플래시로 개발을 하거나 작업을 할때 버튼만 띡! 누르면 나와서 도와주는 도우미..

각각의 도우미들을 의인화 하여 다소 유치하게 컨셉을 정해보았다.

Tracer (추적자) 개발을 하면서 가장 중요하다고 개인적으론 생각한다.

기본으로 지원되는 trace가 있지만..항상 그 기능이 아쉬웠었다.

AS3.0으로 와서는 object를 검색하는 것도 먹히질 않아...답답했었다.

이 Tracer는 Object, Array,... 등을 탐색하여 그 원소들을 나열해 준다.

기존의 기본 trace보다 편리한 기능을 꽤 추가하였다.

Seacher (조사자) 는 익스플로러를 띄우고 검색사이트로 이동하고

검색을 하는데에 걸리는 시간을 단축시키고자 만들어졌다.

개인적인 생각으로 Google과 Naver, Naver 영어사전 을 한데 모아두었다.

Google과 Naver 서치는 개발하는데 있어서 필수라고 생각했고,

가끔 네이밍할때 영어 울렁증을 해소하기 위해 영어사전 검색을 두었다.

Player (연주자) 는 mp3 플래이어다.

집중을 요할때 빼고는 가끔씩 듣는 음악은 괜찮다고 생각한다.

또 주위의 잡음을 해소하기에도 적당하다.

시스템을 많이 잡아먹는 플래이어와는 달리 딱 필요한 기능만 넣었다.-_-;


또, 기획단계에는 있었지만...

시간제약으로 죽은 Saver, Viewer 에게는 삼가 고인의 명복을 빈다.ㅜㅜ


개발하면서 어려웠던 점은,

스킨을 플랙스 컴포넌트와 플래시 모두 사용하였기 때문에 헷갈렸고,

NativeWindow에 대한 예외상황을 많은 삽질을 통해 알 수 있었다.

그리고 Object 탐색 알고리즘(?)에서도 좀 애를 먹었다.

그래도 ......

참 재미있었다 ^_^

5. 버전별 업데이트 내역

 [ Ver. 1.0.3 - 2008.07.17 ]

  Main
  - 버튼 효과 추가
  - 폰트 깨짐 현상 수정
  - 서브 윈도우 상단 효과 추가

  Tracer
  - AlwaysTop 체크박스 구현 (윈도우 뎁스 조절)

  Searcher
  - AlwaysTop 체크박스 구현 (윈도우 뎁스 조절)
  - 카페글 검색에서 지식인 검색으로 바꿈

  Player
  - AlwaysTop 체크박스 구현 (윈도우 뎁스 조절)
  - 파일 드래그 앤 드랍 구현

[ Ver. 1.0.2 - 2008.06.10 ]

Tracer
- AS3.0 Array 검색 알고리즘 구현
- AS3.0 MovieClip 검색 알고리즘 구현
- AS2.0 trace 기능 추가 (Object 검색)
- 데이터타입 표시

Searcher
- Naver 검색 구현

 Player
 - 재생목록 리스트 추가

[ Ver. 1.0.1 - 2008.06.05 ]

Tracer
- AS3.0 Object 검색 알고리즘 구현

Searcher
- Naver 검색 구현

Player
- 재생목록 리스트 추가

[ Ver. 1.0.0 - 2008.05.30 ]

Tracer
- AS3.0 기본 trace 구현

Searcher
- Google 검색 구현

Player
- 1곡만 재생, 멈춤 구현