Dev Story..

Flex로 커스텀 컴포넌트를 만들 때 필수적으로 알아야할 라이프 사이클을 쉽게 이미지로 표현

엄진영의 Flex 동영상 강좌 (아래 링크 따라가세요.)

http://brand.pandora.tv/224336119

위 링크에 있는 코딩 컨벤션에서도 보시면 알 수 있듯이..

flex에서는 if구문 안에서 Object를 상속 받은 모든 객체는 값의 유무에 따라서

true, false와 같이 Boolean타입의 데이터를 리턴해줍니다.

var data = []; //new Obejct();

허나 문제는

public set data(value:Object):void

{

this.data = value;

}

이렇게 data의 값을 지정하고

이것을 다시 어떤 메소드에서 null체크할 때 발생합니다.

if(data)

{

//실행

}

else

{

//실행2

}

이때 만약 0이라는 값을 이 컴포넌트에 mxml로 <comp:MyComp data="0" width="100%" height="100%"/>

하려고 할 때 약간의 문제가 발생합니다. 사실 대부분의 사람들은 null이 아닌 경우를 체크하기 위해서

if(data)라는 구문을 쓰게 되는데 "0"이라는 값을 Object타입으로 넣으면 false를 리턴하게 됩니다.

즉 null이 아닌데도 불구하고 실행2가 실행되는거죠.

Object타입일 경우엔 null체크를 if(data != null)로 정확히 명시해주셔야합니다.

flex4에선 swf를 감싸는 html 템플릿 형식이 약간 변경되었다.

아래와 붉은 색과 같이 사용하면 된다.

  <script type="text/javascript">
          
            var swfVersionStr = "10.0.1";
            var xiSwfUrlStr = "playerProductInstall.swf";
            var flashvars = {};

            flashvars.type = "타입명";
            flashvars.name = "이름";

            var params = {};
            params.quality = "high";
            params.bgcolor = "#ffffff";
            params.allowscriptaccess = "sameDomain";
            params.allowfullscreen = "true";
            var attributes = {};
            attributes.id = "MKBSDashboard";
            attributes.name = "MKBSDashboard";
            attributes.align = "middle";
            swfobject.embedSWF(
                "MKBSDashboard.swf", "flashContent",
                "100%", "100%",
                swfVersionStr, xiSwfUrlStr,
                flashvars, params, attributes);
   <!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
   swfobject.createCSS("#flashContent", "display:block;text-align:left;");
  </script>


Flex Application에선 필시 붉은 색 표시와 같이 creationComplete 이벤트 발생 후에 사용해야 한다.

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx"
      minWidth="955" minHeight="600"
      preinitialize="onPreinitialize()"
      creationComplete="onCreationComplete()"

   private function onCreationComplete():void
   {
    trace("파라미터", parameters.type as String);
   }

  ]]>
 </fx:Script> 
</s:Application>

public function addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void

마지막의 weakRefence가 true이면 레퍼런스 오브젝트가 없어지면 자동으로 이벤트 리스너가 메모리에서 해제된다. 하지만 strong즉 false(default)일 경우 강제로 remove해주지 않으면 메모리를 차지 하고 있는다.