var iCol:int = 0; var rows:XMLListCollection = grid.dataProvider as XMLListCollection; var columns:ArrayList = grid.columns as ArrayList; var cntCols:int = columns.length;     for(var iRow:int=0; iRow<rows.length; ++iRow) {     var row:Object = rows[iRow];         for(iCol=0; iCol<cntCols; ++iCol)     {         var column:GridColumn = columns.getItemAt(iCol) as GridColumn;         var key:String = column.dataField;         var value:String = row[key]; // Cell Value !!         ...     } } ActionScript를 통한 코드 작성이 무슨 퍼즐도 아니고.... 이리 저리 코드 조합해 나가는 재미가... 하나도 없군요... ㅡ_ㅡ; 위 코드 조합해 내느라 2시간 정도 걸렸습니다.. 나중에 또 다시 이런 시간 허비가 없도록 하기 위해 포스팅합니다..

1. 가능하다면 Sprite 대신에 Shape 사용하기
2. cacheAsBitmap 적절히 사용하기
3. 라벨에 대해 TextField 보다는 FTE(Flash Text Engine) 사용하기
4. 가능하다면 mouseChildren, mouseEnable을 false 지정하기
5. Array 대신 Vector.<type> 사용하기
6. 드로잉 API(drawPath, drawGraphicsData, drawTriangles) 사용하기
7. object cache 전략 사용하기
8. 폴리곤 내부 판정은 hitTestPoint보다 직접 구현해 사용하기
9. 파생될 일이 없는 클래스는 final로 지정하기
10. floor, ceil은 int 형변환으로 대체하기(floor(1.5) -> int(1.5), ceil(1.5) -> int(1.5)+1)
11. abs보다는 직접 -1을 곱하는 방식으로 처리하기
12. for 반복문 대신 for each 문 사용하기

여하튼... 위의 최적화 코드등을 통해 기존 속도 대비 10%정도 향상된듯합니다만... 체감하기는 어려운 향상인지라 다소 아쉬움이 많이 남습니다.

액션 스크립트는 문자열에 대한 Trim 함수를 제공하지 않습니다. 해서 제가 사용하고 있는 Trim 함수를 소개해 드립니다. 재귀호출 함수를 사용해서 그다지 속도는 나질 않지만.... 제가 사용함에 있어서 문제가 없기에 소개해 드립니다.

public class StringHelper {     static public function trim(str:String, char:String):String {         return trimBack(trimFront(str, char), char);     }       static public function trimFront(str:String, char:String):String {         char = stringToCharacter(char);         if (str.charAt(0) == char) {             str = trimFront(str.substring(1), char);         }         return str;     }       static public function trimBack(str:String, char:String):String {         char = stringToCharacter(char);         if (str.charAt(str.length - 1) == char) {             str = trimBack(str.substring(0, str.length - 1), char);         }         return str;     }     static public function stringToCharacter(str:String):String {         if (str.length == 1) {             return str;         }         return str.slice(0, 1);     } } 사용방법은 StringHelper.trim("    ABC    ", " ")와 같으며 이에 대한 결과는 "ABC"가 됩니다. 참고로 이 함수는 제가 만든 것이 아니고 외국의 블로그에서 발췌해 사용한 것인데... 어느 블로그인지.. 시간이 많이 흘러 알수가 없네요..

액션스크립트의 최상위 객체인 Object는 해쉬 테이블 자료구조입니다. 즉, 키와 값으로 구성된 리스트입니다. 키의 타입은 문자열이며 값의 타입은 다시 Object라고 이해하면 별 무리가 없을 것입니다. Object의 이러한 특성으로 인해 액션스크립트를 이용해 매우 유연한 코딩을 가능하게 해줌과 동시에 이러한 애매모호한 타입에 대해 별도의 문서와 주석이 없을 경우 유지보수에 상당한 비용이 발생하게 됩니다. 뭐 여튼... Object에 저장된 키와 값에 대한 리스트를 얻어오는 코드가 이 글의 주요 정리 내용입니다. 필요할때.. 맨날~ 까먹기에.. 정리해 봅니다.

for(var key:String in _conditionsCtrls) {     var wc:IWhereConditionable = _conditionsCtrls[key] as IWhereConditionable;     .... 위의 코드에서 Object 타입의 _conditionsCtrls에 저장된 키 문자열을 key라는 변수에 할당하고 이렇게 얻은 키를 통해 _conditionsCtrls[key]와 같은 형식으로 Object 타입의 값을 얻어옵니다. Object 타입이니.. 형변환을 통해 원하는 타입으로 변환할 수 있습니다.

글 제목이.. 테크니컬합니다만.. Flex에서 서버에 위치한 이미지 파일을 다운로드 받아서.. 받은 이미지를 지지고 볶기 위해 BitmapData라는 타입으로 변환하고자 할때 사용하는 코드입니다.

이미지가 서버에 있으므로 URL로 경로를 지정할 수 있겠지요?  아래가 이미지에 대한 URL을 통해 다운로드 작업의 시동을 걸어 주는 코드입니다.

var ldr:Loader = new Loader(); var req:URLRequest = new URLRequest("http://localhost/img/downskin.png"); ldr.contentLoaderInfo.addEventListener(Event.COMPLETE, onRequestComplete); ldr.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, onRequestError); ldr.load(req); 4번과 5번 코드는 다운로드가 성공적으로.. 때로는 문제가 생겨 실패했을시 발생하는 이벤트를 지정해주는 코드입니다. 성공적으로 받았을때 받은 데이터를 BitmapData 타입으로 변환하는 코드가 존재할텐데요.. 그렇다면 성공적으로 다운로드 되었을때 발생하는 이벤트에 대한 코드를 살펴면 다음과 같습니다.

private function onRequestComplete(event:Event):void {     var ldr:Loader = event.target.loader as Loader;     var img:Bitmap = ldr.content as Bitmap;         trace(img.bitmapData.width, img.bitmapData.height); } 6번째 코드를 통해 다운로드 받은 이미지의 크기를 플래시 빌더의 디버깅 창에 표시해 보고 있습니다.

끝으로... 플래시는 모든 연산이 비동기화 지향적입니다. 플래시가 화면상에 화려하고 역동적인 그래픽 요소의 표현이라는 주요 목적을 갖고 있으니 당연한 것이긴 하지만...... 때론 이런 비동기적인 방식이 코드를 복잡하게 만들때가 있습니다.. 위의 경우에서도 이미지 하나를 받기 위해 비동기방식으로 이벤트를 지정해줘서 처리를 하고 있는데... 이를 동기적으로 처리할 수 있는 방법이 있다면 좋겠다는 생각이 듭니다만... 혹.. 아시는 분 계시나요?

액션스크립트에서 바이너리 데이터를 서버로 전송하는 코드입니다. 물론... 서버 측에서 바이너리 데이터를 받아 들이는 서비스를 제공해야겠지요.. 바이너리 데이터 전송이므로.. 방식은 POST를 사용합니다.. 액션스크립트 코드는 다음과 같습니다..

protected function button1_clickHandler(event:MouseEvent):void {     var loader:URLLoader = new URLLoader();     var request:URLRequest = new URLRequest("http://127.0.0.1:8080/Xr?edChkLog");     var bytes:ByteArray = new ByteArray();     bytes.writeDouble(3.14);     bytes.writeInt(34321);     bytes.position = 0;         request.data = bytes;     request.method = URLRequestMethod.POST;     request.contentType = "application/octet-stream";     loader.dataFormat = URLLoaderDataFormat.BINARY;     loader.addEventListener(Event.COMPLETE, onCompleted);     loader.addEventListener(IOErrorEvent.IO_ERROR, onError);     loader.load(request); } 바이너리 데이터는 ByteArray 타입에 저장되며.. 원하는 데이터를 write 매서드 군으로 저장시킵니다. 9번 코드와 15번 코드가 꼭 필요한지는 제거해서 확인해 보시기 바랍니다..

서버측은.. 저 같은 경우  자바의 서블릿을 사용했는데... POST 방식으로 요청을 받으므로 doPost 매서드를 오버라이드해서 데이터를 읽어오면 됩니다.. 바이너리 데이터를 쉽게 읽기 위해 DataInputStream을 사용했는데.. 이해를 돕고자.. 관련된 코드를 제시한다면 다음과 같습니다..

    ....     ServletInputStream in = req.getInputStream();     System.out.println("readable size: " + in.available());     DataInputStream dis = new DataInputStream(in);     System.out.println(dis.readDouble() + " , " + dis.readInt());     .... req는 서블릿의 요청에 대한 HttpServletRequest 객체입니다.. 화면상에 읽을 수 있는 바이너리의 바이트 수와 클라이언트가 보낸 실수값(3.14)와 정수값(34321)이 찍히면 정상입니다..

플래시의 액션스크립트를 이용해 서버측으로부터 바이너리 데이터를 읽을 수도.. 또.. 전송할 수 있도 있음으로 퍼포먼스를 향상 시킬 수 있겠습니다..

추가해야할 이벤트는 많으면서 또 짐작하기 어렵고.. 시간이 없으니.. 일단 정리를 하여.. 추후 까막까막해져 혼란이 없으면 하는 바램에서 사용자 정의 이벤트를 추가하는 방법에 대해 정리를 해봅니다..

먼저 이벤트 처리 함수(이벤트 핸들러 함수)로 전달될 객체에 대한 클래스를 정의합니다.. 아래는 예입니다..

package geoservice.events {     import flash.events.Event;     import flash.events.MouseEvent;     public class XrMapMouseEvent extends Event     {         public static const XRMAP_MOUSE_DOWN_EVENT:String                 = "mapMouseDownEvent";         public static const XRMAP_MOUSE_UP_EVENT:String                 = "mapMouseUpEvent";         public static const XRMAP_MOUSE_CLICK_EVENT:String                 = "mapMouseClickEvent";         public static const XRMAP_MOUSE_DBLCLICK_EVENT:String                 = "mapMouseDblClickEvent";         public static const XRMAP_MOUSE_MOVE_EVENT:String                 = "mapMouseMoveEvent";           public var mapX:Number;         public var mapY:Number;         public var mouseEvent:MouseEvent;           public function XrMapMouseEvent(type:String, mouseEvent:MouseEvent,             mapX:Number, mapY:Number, bubbles:Boolean=false,             cancelable:Boolean=false)         {             super(type, bubbles, cancelable);             this.mapX = mapX;             this.mapY = mapY;             this.mouseEvent = mouseEvent;         }         override public function clone():Event         {             return new XrMapMouseEvent(type, mouseEvent, mapX, mapY,                 bubbles, cancelable);         }     } } 하나의 이벤트 클래스에서 총 5개 종류의 이벤트를 책임지고 있습니다.. 만약 클래스 하나가 단 하나의 이벤트만을 책임진다면 생성자에서 type 인자는 필요치 않고 super를 호출할때 첫번째 인자 를 바로 값으로 지정해 주면 됩니다.

다음으로 이벤트를 발생시켜 주는 코드입니다..

parent.dispatchEvent(     new XrMapMouseEvent(XrMapMouseEvent.XRMAP_MOUSE_DOWN_EVENT, e,         coordMapper.V2W_X(mouseX), coordMapper.V2W_Y(mouseY)     ) ); 이벤트가 발생되는 적절한 위치에 위의 코드가 존재하면 되며.. 위의 코드는 XRMAP_MOUSE_DOWN_EVENT라는 한 종류의 이벤트를 발생시키는 코드입니다..

이제 마크업(MXML)쪽에서 이벤트를 인식하도록 하기 위한 메타 태그의 정의를 추가합니다..

[Event(name="mapMouseDownEvent", type="geoservice.events.XrMapMouseEvent")] [Event(name="mapMouseUpEvent", type="geoservice.events.XrMapMouseEvent")] [Event(name="mapMouseClickEvent", type="geoservice.events.XrMapMouseEvent")] [Event(name="mapMouseDblClickEvent", type="geoservice.events.XrMapMouseEvent")] [Event(name="mapMouseMoveEvent", type="geoservice.events.XrMapMouseEvent")] public class XrMap extends UIComponent {     .... 여기까지가 사용자 정의 이벤트를 추가하기 위한 전부이고.. 다음은 이 사용하는 쪽의 코드입니다.. addEventListener를 사용해 이벤트를 추가해도 되고.. 아니면 마크업쪽에서 이벤트를 추가해도 됩니다..

마크업 쪽의 방법만을 살펴보면 다음과 같습니다.. 흔히 일반적인 컴포넌트에 대한 이벤트를 정의하는 것과 동일합니다..

 <xr:XrMap id="map" width="100%" height="100%" x="0" y="0"      mapMouseDownEvent="map_mapMouseDownEventHandler(event)"      mapMouseClickEvent="map_mapMouseClickEventHandler(event)"      mapMouseDblClickEvent="map_mapMouseDblClickEventHandler(event)"      mapMouseMoveEvent="map_mapMouseMoveEventHandler(event)"      mapMouseUpEvent="map_mapMouseUpEventHandler(event)"/>

플래시의 기능을 최대한 할용하고는 있지만... 플래시가 자동으로 처리해주는 것보다는... 퍼포먼스 향상을 목표로 부하를 최소화하기 위해.. 수동으로 처리해주는 기능들이 있습니다..

예를 들어서 Sprite 클래스가 가지고 있는 자식들 각각에 대해 클릭 이벤트를 받아 오기 위해.. 각 자식들에 대해 마우스 이벤트를 등록(addEventListener)를 하지 않고... 부모 Sprite에만 마우스 이벤트를 등록해 놓고.. 이 부모의 이벤트에서 자식들의 클릭 여부(hitTestPoint 매서드를 사용)를 가려내고자 함입니다..

이때... 클릭한 지점에 대한 좌표가 여러 모로 혼란스럽습니다... 플래시 자체가 DisplayObject라는 레이어로 첩첩히 쌓여져 있어서... 말입니다.. 여담이지만.. GIS의 지도 레이어 개념과 플래시의 DisplayObject의 대응은 마치 플래시를 맵엔진을 위해 만들어지 개발환경이 아닌가할 정도로... 뛰어납니다...

다시 본론으로 돌아와서... 부모 Sprite에서 받은 마우스 클릭 위치에 대해서 자식 Sprite의 hit 여부를 알아내기 위해서는 마우스 이벤트의 인자인 Event 클래스의 target를 제대로 이해하고 있어야 합니다.. target와 함께 currentTarget 속성이 존재하는데.. 간단히 정리하면 다음과 같습니다..

• target : 이벤트를 dispatch한 객체
• currentTarget : 이벤트 핸들러 함수가 등록된 객체

다음 코드는 진행중인 플래시 기반의 맵엔진의 코드중.. 이와 관련된 부분입니다..

public function mouseClick(e:MouseEvent):void {     ....     if(_targetLyr != null)     {         var pt:Point = new Point(e.localX, e.localY);         pt = (e.target as DisplayObject).localToGlobal(pt);         // 내부적으로 Sprite의 hitTestPoint(pt.x, pt.y)가 사용됨         _sketch = _targetLyr.getIdByPoint(pt.x, pt.y);         if(_sketch != null)         {             _sketch.draw(_map.coordMapper);            ....         }     }     .... } 보시면... 위의 mouseClick 매서드는 이벤트가 아닙니다.. 단지 mouseDown과 mouseUp 이벤트를 조합해서 클릭 여부에 대해 형성된 이벤트 성격의 매서드입니다.. 여튼.. 이벤트라고 생각하셔도 무방합니다..

이 mouseClick 매서드는 부모 Sprite의 소유입니다.. 즉, 달리 말해 부모 Sprite에 등록된 이벤트입니다. 이때 받은 e 매개변수에 localX과 localY 좌표는 클릭된 위치이고... 클릭된 위치는.. 부모 Sprite일수도 있고... 자식 Sprite일수도 있습니다.. 즉, 이 이벤트가 등록된 부모에 대한 좌표가 아니라는 점입니다..

문제는 Sprite의 hitTestPoint가 받는 x, y 좌표입니다.. 받는 x, y 좌표는 부모 Sprite의 좌표여야 하는데.. e를 통해 넘어온 좌표는 부모의 좌표일수도.. 자식의 좌표일 수도 있다는 점입니다.. 이를 부모의 좌표로 통일해줘야 하는데.. 그 방법이 바로 8번 코드의 target를 속성을 사용하는 것입니다.

플래시의 DisplayObject의 개념과 target 속성에 대한 기본적인 부분을 알면 매우 당연한 내용이겠지만.... 저처럼.. 플래시에 대한 개념이 얕은 사람은.. 매우 혼돈스러운 부분이 아닐까 싶습니다..