Happy? Unhappy? The Choice is yours... "변화의 시기에는 배우려고 하는 이들이 세상을 차지합니다"

오늘 okjsp에서 주최하고 제가 진행하는 세미나를 했습니다..아니 이야기를 전해 드렸습니다.
어떻게 보면 나쁜 플렉스와 플렉스가 개과천선한 이야기 들이었죠..
많이 전달해 드리려 했는데 여건이 허락하질 않더군요 :) 강의실의 프로젝터부터 시작해서 조금 부정확했던 장소까지...
하지만 참여 해주신 분들의 이해와 열정, 그리고 무한한 관심 덕분에 너무 즐거운 감정으로 진행 할 수 있었습니다. 정말 감사 드립니다.

오늘 이런 자리를 마련해 주신 okjsp의 쥔장님 허광남 과장님께 너무 감사 드리고 같이 이야기를 나눌수 있도록
해주신 분들께도 너무 감사드립니다. 매끄럽지 못한 부분에서도 너그러이 봐라봐 주셔서 너무 고마웠습니다 :)

흠 이런말을 쓰고 보니 연예대상을 수상한 사람 같네요.. :) 이쯤에서 각설하고 오늘 한 이야기를 정리하고
이 포스트를 통해서 보충해 보도록 하겠습니다.

강연때 사용한 슬라이드가 아닌 제가 나눠드린 유인물에 대한 슬라이드 입니다. 

처음에 라이프 사이클에 대한 이야기로 이야기가 진행되었습니다. 아시죠? :)

그리고 중간에 플렉스의 본 모습을 보여 드리면서 쓸만해 졌다라는 이야기를 드렸습니다.
그리고 진행중 불상사기 벌어 졌습니다.. css로 사용할 컴포넌트가 만들어 지지 않았던 거죠..

아래의 링크에서 플래시 익스텐션을 다운로드 받습니다.. 스킨을 만들기 위한 준비입니다. :)

[Flex Skin Design Extensions & Flex Component Kit for Flash CS3]
http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%5Fskins

그 다음 플래시를 켜시고

[File->New] 를 하시거나 Start Popup에서 more부분을 클릭하면 플렉스 스킨을 만들수 있는 템플릿이 나옵니다.
템플릿을 열심히 편집한다음에..


이다음 순서에서 정신이 혼미했는지?? command를 실행했었습니다.. 평상시 여러개를 동시에 하다보니 외우지 않는 습관때문에 본증적인 습성으로 그랬던거 같네요.. 집에 와서 든 생각이 헉...퍼블리싱만 하면 되는데라는 거였습니다.

퍼블리싱하는 방법은 아래와 같습니다.




흠..플래시로 SWF를 퍼블리시할 때도 같습니다..이걸 까먹고 있었더군요.. ^^;
이렇게 컴파일을 하면 아래와 같이 swc파일이 산출되어 나오게 됩니다 :)
이 다음 방법은 Flex에서 [file->import->Skin artwork]로 swf파일을 임포트를 해서 적용한 모습을 보여 드렸었죠 ^^;

me2DAY Mini의 스크롤바를 보여 드렸었습니다 ^^; 기억 나시죠?


자 그리고 이런 스킨 즉 CSS를 동적으로 입힐수 있다라고 했습니다.
스타일을 동적으로 입히는 방법은 소개해드리지 못했습니다. 2시간안에서 많은걸 말하기에는 턱없이 부족한 시간이더군요.

동적으로 CSS를 입히는 과정은 언제 다시 소개할 기회가 있을거 같습니다. 블로그나 adobeflex.co.kr의 기술문서로나 반드시 소개해 드리겠습니다.

이렇게 만든 스킨이 어느정도 까지 적용을 할 수있는지 flex 스킨사이트를 보여드린다고 했습니다.
자 여기 있습니다. 확인해 보시죠..


[플렉스 스킨 예제]


이로써 스킨에 대한 이야기는 마칠까 합니다.

그 다음 swz라는 확장자와 RSL이라는 개념을 소개해 드렸습니다.
한가지 빼먹은게 있더군요. flashplayer의 cache영역은 인증된 RSL만이 적용 가능합니다.
그 인증된 RSL은 adobe사에서만 만들수 있습니다. 그리고 일반적인 RSL은 브라우저에 저장된다고 보시면 됩니다.

AIR에 대해 많은 소개를 못해 드린거 같습니다.
솔직히 AIR라고 FLEX와 많이 다르지 않으니 FLEX나 Flash가 익숙해 지시면 그 때 패키징도 해보고
AIR만의 기술을 적용해보는 것이 옳은 순서가 될겁니다.

adobeflex.co.kr에 정리가 비교적 잘 되어 있습니다. 기술문서도 좀 있는 편이구요..
http://www.adobeflex.co.kr/aboutflex/air.html [AIR 소개 및 AIR Application 소개]
http://www.adobeflex.co.kr/iwt/board/board.php?tn=pds_tech&bc=2 [AIR 기술문서]


30초만에 만들 수 있다고 하면서 3분 정도 걸쳐 만들어진 간단히 만든 AIR Browser입니다.



이건 매쉬업을 같이 해보고자 준비했던 플리커 API검색기 입니다.. 여기다가 맵이나 여러가지를 한번 매쉬업 해보려 했는데  아쉽네요 ^^;; 다시 시간이 되겠죠? 그 땐 만반의 준비를 해서 해야 겠습니다.




두가지 소스를 프로젝트를 아카이브로 export한거니 FLEX Builder에서 import해서 바로 사용하시면 됩니다.
플리커는 API키를 지웠으니 별도의 API키를 넣으셔야만 되실꺼에요 ^^

정말 멋졌고 즐거운 날이었습니다..
기도 하고 싶은게 있다면 이게 저만의 감정이 아니였으면 하는 것이겠죠 :)

감사합니다.!!
좋은 하루 되세요! (^^)/

PS : kenu님이 출판사에 협찬받아 준비해주신 책들만 무려 9권에 노트북 가방까지 기념품으로 준비해 주셨습니다. 허광남 과장님 너무 감사드리고요 협찬해주신 에이콘 출판사와 한국 어도비 시스템즈에도 감사드립니다.
앞으로도 좀 :)

책은
예제로 배우는 Adobe 플렉스  5권 <-- 처음 입문 하신다면 추천드리는 도서에요..
Adobe FLEX 3 실전 트레이닝 북 4권 이었습니다 :)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

AIR1.1 발표후 sdk가 3.01 비공식 발표를 했었죠.
그리고 그때는 자동 업데이트를 지원해 주지 않아서 수동으로 업데이트 했었는데..
허걱.. 오늘 보니 자동으로 뜹니다.

언제 부터 된건지.. 모르겠지만 반가웠습니다 :)
[알아보니 8월18일날 릴리즈 되었더군요..]

업데이트 안받으신 분들 받으세요 :) 물론  수동으로 하신분들도 많겠지만 ^^;
혹시 그 사이 뭔가 달라지지 않았을까요? :)

전 수동 받았던거 지우고 다시 받는 중입니다.

빌더 버전도 3.01로 업그레이드 되었네요..


AIR를 만들어 보니..application.xml도 AIR1.1에 맞도록 되었습니다.


오..그간 찜찜하게 여겨졌던 것들이 말끔하게 씻겨진거 같아서 너무 좋습니다~

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

오늘 미투 관련 그룹메일을 보다 Flex의 Label에 stylesheet적용을 하다 못해 <font>로 color를 지정해서
<a>태그에 칼러는 입히는 경우를 보았습니다. 그래서 Label에 stylesheet 적용 방법에 대해 적어 봅니다.

플래시를 다루시는 분들은 TextField에 css를 적용하는 방법을 잘 알고 계실 것입니다. 하지만 Flex에서는
Textfield에 접근이 조금 까다롭죠.. 그리고 아예 TextField를 쓰는 경우는 드뭅니다.
Text와 TextArea 그리고 Label등이 있으니까요..하지만 그 안을 들여다 보면 Textfield입니다.
다행히도 그 Textfield는 namespace로 접근이 가능 하게 설계되어 있습니다.TextArea처럼요..


아래는 FLEX에서 label에 css를 입히는 예제입니다..
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()" width="220" height="48">
 <mx:Script>
 <![CDATA[
  import mx.controls.Label;
   
  private function init(){
   var style:StyleSheet = new StyleSheet();
   var styleObj:Object = new Object();
   styleObj.fontSize = "12";
   styleObj.color = "#FF0000";
   style.setStyle("a", styleObj);
  
   var label:Label = new Label();
   addChild(label);
   label.mx_internal::styleSheet = style;
   label.htmlText = "<a href='daum.net'>Red</a> Daum.net"; 
  
  }
 
 ]]>
</mx:Script>
</mx:Application>

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.