Tour de Flex에 올라온 Flex 4 Preview 와 Plug-in 사용법

 

 

Flex SDK 4를 이용한 예제가 Tour de Flex에 추가 되었습니다.

 

Flex 4가 기존 Flex 3에 비해서 바뀐 부분이 있는데 이를 쉽게 공부하길 원한다면 Tour de Flex를 이용하는 것이 좋을 것 같습니다.

 

Tour de Flex에는 Flex 4의 Components, Effects, Layouts, Primitives, Styles 사용법에 대해서 쉬운 예제를 제공하고 있습니다.

 

Flex 개발자라면 꼭 한번 보시길 바랍니다.

 

 

Tour de Flex는 Web용, 데스크탑용(AIR로 제작됨)이 있습니다.  아래 링크를 통해 보시거나 다운로드 받아 설치하세요.

 

• Tour de Flex Web버전 : http://www.adobe.com/devnet/flex/tourdeflex/web/
• Tour de Flex 공식페이지 : http://www.adobe.com/devnet/flex/tourdeflex/

 

 

Tour de Flex Eclipse Plug-in 소개 및 설치, 사용해보기

Tour de Flex에서는 Eclipse Plug-in을 제공하고 있습니다. 여러분은 쉽게 Tour de Flex에서 제공하는 200여가지의 Flex 샘플을 Flex Builder 3.x 또는 Eclipse 3.4를 통해 쉽게 검색해 볼 수 있습니다. 다음과 같은 순서로 설치해보십시오.

1. Flex Builder 3에서 Help > Software Updates > Find and Install 을 선택합니다.
2. 새창이 뜨면 Search for new features to install 을 선택후 Next 버튼을 누릅니다.
3. Net Remote Site 버튼을 눌러 새창이 뜨면 Name에 Tour de Flex, URL에 http://tourdeflex.adobe.com/eclipse 를 입력합니다.
4. Site to include in search 리스트 창에 Tour de Flex만 check하고 Finish 버튼을 누릅니다.
5. 성공적으로 연결이 되면 Select the features to install 리스트 창에 Tour de Flex가 뜹니다. 이것을 선택하고 Next를 누릅니다.
6. Feature License에서 라이센스 동의를 선택후 Next 를 누릅니다.
7. Finish를 눌러 Plug-in을 다운로드 합니다.
8. 다운로드가 완료되면 install이나 Install All을 눌러 설치합니다.
9. 설치 완료 이후 자동으로 다시 Flex Builder 3를 구동해야 한다는 메시지가 뜨면 Yes버튼을 눌러 재시작합니다.

 

설치가 완료되고 Flex Builder 3가 다시 구동되면 메뉴에서 Windows > Other Views에 들어가 봅니다.

 

 

위 그림처럼 Tour de Flex가 설치되어 있고 이것을 선택하고 OK 버튼을 누릅니다.

 

아래와 같은 Updating 메시지가 뜨면 Download now를 눌러 설치하세요. 이런 메시지가 뜨는 것으로 보아 Plug-in이 Tour de Flex AIR 프로그램을 자동으로 설치 및 업데이트를 해주는 것으로 보입니다.

 

 

Flex Builder에 아래와 같은 창이 나오면 Serach Components를 통해 해당 컴포넌트를 검색할 수 있습니다. 필자는 아래 화면과 같이 Button으로 검색해봤습니다. 결과가 나오면 보고 싶은 항목을 선택하여 더블클릭하도록 합니다. 그러면 설치형 Tour de Flex를 실행시켜 해당 컴포넌트의 사용 예제를 보여주도록 되어 있습니다.

 

 

아래는 Button Loader Skin을 더블클릭으로 선택해서 나온 결과입니다.

 

 

아쉽게도 약간의 버그가 있는 것 같고 Flash Builder 4에는 아직 제대로 동작이 안되는 것을 확인했습니다. 이 부분에 대해서는 업데이트 될 때까지 기다려야할 것 같습니다. 개발 하면서 궁금한 사항이 있다면 이 Tour de Flex Eclipse Plug-in을 적극 활용하면 도움이 될 것이라 생각합니다.