Whiteship's Note


플렉스 컴폰넌트와 샘플 코드

Adobe : 2010.02.07 15:34


http://www.adobe.com/devnet/flex/tourdeflex/web/#docIndex=0;illustIndex=0;sampleId=100


오호.. 액션 스크립트를 MXML에 <mx:script> 를 사용하여 포함시킬 수도 있군요. 저기서 예제 코드들을 참조하면 될 것 같습니다.

JQuery 사이트에 있는 예제 코드들도 유용하게 참조해서 썼는데.. 플렉스도 비슷한 페이지가 있네요.
top


난 뉴스보다 기술에 더 관심이 많은 것 같다.

모하니?/Thinking : 2010.02.05 12:36


요즘 어도비 플렉스 기술에 살짝 관심을 가지기 시작했는데 이유는 Comet 또는 Revers Ajax라 부르는 기술 때문이다.

페이지를 가만히 띄워놓고 있지만 그 내부의 데이터는 시시각각 변하기 마련이다. 극적인 예를 들자면 '경매'나 '주식'이 그렇다. 하물며 봄싹 사이트는 안그런가. 이번 주 스터디 모임에 대해 어떤 댓글을 달렸을지 궁금해서 F5키를 연타해보곤 한다. 이 얼마나 귀찮은가. 그냥 한쪽 탭에 띄워놓고 다른 일 하다가 다시 그쪽 탭을 보면 새로 등록 된 댓글이 보이면 되는데 왜 내가 귀찮게 F5키를 눌러줘야 하는건지 말이다. 게다가 실시간 데이터가 가장 중요한 '이벤트' 들은 완전 F5키의 전쟁이다. 1초 아니 1밀리초라도 더 빨리 해당 시간에 들어가서 쿠폰이라도 어떻게 받아볼까.. 인기 교양 과목 하나라도 건져볼까.. 미친듯이 F5키를 눌러대던 학창 시절의 추억까지도 지져분하게 느껴진다. 그냥 얌전히 기다리고 있으면 제시간에 브라우저에 <시작> 이라는 문구만 떠주면 그런 손가락 노가다 따위는 안해도 될텐데 말이다.

그래서 난 사용자들이 좀 더 의사소통을 신속히 그리고 얌전히 할 수 있도록 Comet이니 Revers Ajax같은 기술이 필요하다고 생각했다. 험블 프로그래머님이 번역하신 책도 읽어봤고 서블릿 3.0 스팩도 보고 HTML 5 스팩도 대충 살펴봤다. 이미 나름대로의 Comet용 서비스를 제공하는 제티, 톰캣의 구현체도 살펴봤다. Dojo와 Bayuer(배여?)까지고 들락 거려봤지만 쉽지 않아 보였다. 서버 쪽에서 해줄 일도 보통이 아니고 클라이언트 쪽에서 해줄 일도 보통이 아니다. 나름 빠져들면 재밌을 것 같다는 생각도 들었다. 하지만 당장은 야크 쉐이빙에 빠져들 여력이 없다.

그러던 중 갑자기 어도비에서 메일이 왔다. 이게 왠 일. '난 자바 개발자인데 왠 플래시??' 라고 생각하던 중에 문뜩 떠올랐다. 그래. 차라리 플래시로 하면 더 간단하지 않을까? 어차피 사용자는 그게 코멧이던 플래시던 뭔 상관이겠어. 그냥 실시간으로 데이터만 후딱 보여주면 그만이지.

그래서 플랙스라는 걸 공부하고 있는데... 요즘 ipad를 발표한 스티브 잡스가 플래시 플레이어 코드가 더럽다고 애플 휴대용 제품들에서 지원하지 않겠다니 어쩌니 했나보다. 그래서 어도비에서도 그에 대한 반응으로 글을 올리고 어쩌구 저쩌구 했나본데... 

안하면 어떻고 하면 어떤가.. 안하면 아이폰 유저들은 웹 사이트에 뜨는 플래시가 안돌아가 가니까 불편을 느낄테고 아이폰 개발자들도 귀찮아 질테고 그럼 안드로이드만 신나는거 아닐까? 뭐 어차피 개발 플랫폼도 안드로이드가 편하다고 하니... 뭐.. 몰겠다. 난 그쪽 전문이 아니라 @_@;;

솔직히 난 저런거에 하나도 관심이 없다. 난 아이폰 개발자도 아니고 플래시 개발자도 아니고 스프링 하이버에 관심은 있지만 스프링이 VMWare에서 나와서 개빈킹이랑 손잡고 JBoss에 들어가서 '씸스프링'을 만들던 말던 내가 스프링 직원이나 하이버 직원이 아닌 이상 뭔 상관인가... ('씸스프링'이 나온다면 그거에 관심은 가겠지만..)

난 그냥 빨리 플랙스 기술을 익혀서 내가 원하는 서비스를 만들고 싶을 뿐이다.
top

TAG 어도비

[Flex] "Hello, Flex" with IntelliJ IDEA

Adobe : 2010.02.02 11:55


참조: http://www.adobe.com/devnet/flex/videotraining/xml/vid03.html

모든 언어나 프레임워크를 공부할 때 가장 먼저하는 일이 단순 메시지 출력인데 플렉스 강좌를 보니까 이클립스 기반의 플렉스 빌더를 가지고 설명하고 있습니다. 하지만 저는... 이클립스에 질려버렸고 요즘은 똑똑한 인텔리J랑 사이좋게 지내고 있기 때문에 인텔리J로 강의를 따라하고 있습니다.

이클립스를 사용하시는 분들은 플렉스 빌더를 받아서 위 동영상을 따라하시면 될 듯...

이 아래는 인텔리J에서 헬로우 Flex를 띄우는 과정입니다.

1. Flex SDK 다운 받기

http://opensource.adobe.com/wiki/display/flexsdk/Downloads

여기서 오픈소스가 필요하지 않다면 그냥 Free Adbove Flex SDK를 받습니다.
압축을 풀어서 적당한 위치에 놓고..

2. 인텔리J에서 Flex 프로젝트를 만듭니다.



3. 실행하기

3-1. Run Configuration을 만듭니다. MXML 파일을 우클릭하고 Create "HelloWorld" .. 메뉴를 클릭합니다.


3-2. 실행합니다.

사실 3-1 건너띄고 바로 실행해도 됩니다. 실행하면 SWF 파일이 열리고 버튼이 떠있고 클릭하면 메시지가 나옵니다. 메시지를 조금 수정해서 hello flex를 띄울 수 있습니다.

Run Configuration 파일을 열어서 SWF 파일말고 wrapper.html 파일을 선택한뒤 실행하면 자동으로 브라우저에 새 탭을 열고 SWF 파일을 브라우저에서 재생해 줍니다.

http://www.adoberia.co.kr/


팁. Flex 만드는 도중에 Pure ActionScript 어쩌구 메뉴를 체크하시면 MXML이 아니라 액션스크립트로 작성된 HelloWorld 예제를 볼 수 있습니다. 동작하는 방법은 그냥 단순 출력이라 이전거랑은 좀 다릅니다.

package {

import flash.display.Sprite;
import flash.text.TextField;

public class HelloWorld extends Sprite {
    public function HelloWorld() {
        var textField:TextField = new TextField();
        textField.text = "Hello, World";
        addChild(textField);
    }
}

이런 코드네요. 흠.. 자바랑 비슷해 보이면서도 뭔가 좀..  변수 선언할 때 타입이 아니라 이름부터 적는군..


ps: 흠.. 다른 웹 애플리케이션과는 어떻게 연동해야하려나;; 차차 나오겠지;?




top


플래시, 플렉스, 플래시 플레이어, 에어(Air) 비교

Adobe : 2010.02.01 12:54


참조: http://www.adobe.com/devnet/flex/videotraining/xml/vid01.html

Flash: Fl

비두얼 툴과 타임라인을 사용하여 애플리케이션 레이아웃과 액션스크립트를 만든다.

플래시가 액션스크립트를 컴파일하여 SWF 파일을 만든다.

애니메이션과 비주얼 엘리먼트를 작성하는데 최적화 되어있다.

Flex: Fx

비주얼 컴포넌트와 클래스로 구성되어 있는 프레임워크를 제공하며, 비주얼 레이아웃에 사용할 MXML과 비즈니스 로직에 사용할 액션스크립트 프로그래밍 언어를 제공한다.

MXML과 액션스크립트 코드를 액션스크립트로 변환한 뒤 SWF 파일로 컴파일 한다.

Adobe Flex SDK 오픈소스로 제공한다.

Adobe Flex Builder는 SDK를 포함하고 있으며 디자인, 개발, 테스팅을 원할하게 도와준다.

=> 플래시와 플렉스 모두 사용자가 서버에 요청을 하면 동적으로 데이터를 가져와서 다시 사용자에게 보여줄 수 있다.

=> 이 둘을 같이 활용하여 플래시로 애니메이션을 만들고 플렉스로 가져와서 컴파일/편집 할 수 있다.

Flash Player

플래시나 플렉스 애플리케이션을 브라우저에서 보려면 플래시 플레이어 9 런타임이 필요하다.

AIR

어도비 에어는 데스크탑 애플리케이션 용 어도비 런타임이다.

브라우저가 아니라 데스크탑 애플리케이션으로 동작하는 RIA(리치 인터넷 애플리케이션)를 만들 수 있다,


http://www.adoberia.co.kr/
top

TAG 어도비