Trendism Kelvin

FLEX labelfunction:formatDate

KELVIN_KIM — Tue, 22 Jul 2008 11:10:26 +0900

/**************** Data String Format *********************/
private function formatDate(item:Object, col:DataGridColumn):String {
var date:String = item.ENTRYDATE.toString();
if(date==null || date.length<12)
return "";
else
return date.substring(2, 4)+"."+date.substring(4, 6)+"."+
date.substring(6, 8)+" "+date.substring(8, 10)+":"+date.substring(10, 12);
}

apache commons-fileupload 간단 사용법[펌]

KELVIN_KIM — Fri, 27 Jun 2008 11:05:44 +0900

사용법을 간단히 살펴보면

우선 멀티파트인지 체크한다.

// Check that we have a file upload request
boolean isMultipart = ServletFileUpload.isMultipartContent(request);

그렇다면 이런 식으로 FileItem 을 얻는다.

// Create a factory for disk-based file items
FileItemFactory factory = new DiskFileItemFactory();

// Create a new file upload handler
ServletFileUpload upload = new ServletFileUpload(factory);

// Parse the request
List /* FileItem */ items = upload.parseRequest(request);

추가적으로 factory 를 설정할 수 있다.

// Set factory constraints
factory.setSizeThreshold(yourMaxMemorySize);
factory.setRepository(yourTempDirectory);

// Set overall request size constraint
upload.setSizeMax(yourMaxRequestSize);

추가적인 설정이 없으면 기본값은 다음과 같다.

* threshold 는 10KB.
* 기본 저장 디렉토리는 System.getProperty("java.io.tmpdir") 의 값.

FileItem 에는 첨부파일만 올라오는 것이 아니라 POST Form 으로 넘어오는 다른 값도 포함되나 보다. 다음과 같이 이들을 구분한다.

// Process the uploaded items
Iterator iter = items.iterator();
while (iter.hasNext()) {
FileItem item = (FileItem) iter.next();

if (item.isFormField()) {
processFormField(item);
} else {
processUploadedFile(item);
}
}

폼 필드는 다음과 같이 처리

// Process a regular form field
if (item.isFormField()) {
String name = item.getFieldName();
String value = item.getString();
...
}

실제 업로드 한 파일은 다음과 같이 처리

// Process a file upload
if (!item.isFormField()) {
String fieldName = item.getFieldName();
String fileName = item.getName();
String contentType = item.getContentType();
boolean isInMemory = item.isInMemory();
long sizeInBytes = item.getSize();
...
}

업로드 된 파일을 대부분은 서버의 어느 곳에 저장할 것이다. 아니면 그냥 바로 읽어 처리할 수도 있다. 아래와 같다.

// Process a file upload
if (writeToFile) {
File uploadedFile = new File(...);
item.write(uploadedFile);
} else {
InputStream uploadedStream = item.getInputStream();
...
uploadedStream.close();
}

* 출처 : http://blog.naver.com/shinji0717?Redirect=Log&logNo=10022065506

FLEX Application 및 RIA 개발 시 5가지 Advice

KELVIN_KIM — Wed, 18 Jun 2008 18:01:05 +0900

1. Avoid embed containers inside other containers. Reducing use of relative size and relative position

When the element size in container is described by percent, any change of the size or postion will take the re-position for all subset in container. The calculation will be great if the level of embed is deep.

2. Using lightweight containers like Canvas As far as possible

Canvas is the smallest container and only support absolutely positioin. Most time it could instead HBOx and VBox. Besides, Canvas is a first choice for us when custom containers. It has basic container function and good expand ability.

3. Avoid using large components like DataGrid, AdvancedDataGrid
Large components have powerful function but need high requirement for memory and CPU. Because of the complexity, it is difficult to realize the skin, patterns and itemRenderer.

4. Using paging when deal with data

When using data type control, as far as possible to minimze the amount of showing data. For example Tilelist, it will create all the data whether need or not. It will waste large resoures. When ViewStack 、TabNavigator, etc. dealing with element, data will not be created until they’re shown first time. The unnecessary cost will be avoided.

5. setStyle and styleName

In fact,the skin of Flex components is a visual element. In process of components initialization, they will use current style(for example:styleName) to finish all the skin elements.If we reset the style, the size of components by setStyle, the postion will also be adjusted. Link to the first point, if components in a deep level embed container will cost large calculation.

오류를 범하기 쉬운 Flex 코딩 바로잡기 [펌]

KELVIN_KIM — Wed, 11 Jun 2008 11:23:31 +0900

오류를 범하기 쉬운 Flex 코딩 바로잡기

컴퓨팅 기술은 나날이 빠르게 발전하여 우리의 컴퓨터 환경을 바꾸고 있다. 불과 몇 년 전만 해도 텍스트 위주의 화면구성을 사용자에게 보여주었던 것에 불과한 것이 이제는 이미지와 텍스트 그리고 동영상을 수반한 UCC라는 개념이 등장했다. 이에 사용자들은 좀 더 사용자 위주의 UI를 원하게 되었고, 그에 따라 사용자들을 만족시키기 위해 새로운 개념 RIA(Rich Internet Application)이 탄생하게 되었다.

RIA 기반의 프로그램은 이전의 순차적 웹 페이지 방식이 아닌 이벤트 방식을 수반하고 있으며, 웹 개발자 또한 이에 발맞추어 새로운 방식으로 구조를 설계하고 개발할 필요가 있게 되었다. 그리고 Flex 또한 애플리케이션과 같은 이벤트 방식을 취하고 있다.

Flex는 애플리케이션과는 또 다르게 Flex만의 UI 특징이 있으며 이를 제대로 숙지하지 않은 상태에서 개발해나간다면 상당한 어려움에 빠질 수 있다. 이 문서는 Flex 개발시 고려해야 할 점을 이야기하며, 실무 개발에 도움이 됐으면 한다.

Effect가 지니고 있는 점

Effect는 Flex에서 아주 빈번하게 사용되지만 때때로 사용자의 예외적인 반응에 의해

제대로 작동을 하지 않아 사용자나 개발자 둘 다 당혹하게 만드는 경우가 있다. 그 문제는 다음의 Listing 1.1 에서 확인할 수 있다.

Left 버튼을 누르고 target으로 이동하는 사이에 Right 버튼을 클릭하면 당장 오른쪽으로 이동하지도 않을뿐더러 중간중간 멈칫하기도 한다. 따라서 Right 버튼을 누른 사용자는 자신이 원하는 방향으로 이동하지 않았기 때문에 이것을 버그라고 생각하게 된다.

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">

<mx:Move id="btnMover" duration="2000" />

<mx:Button id="target" label="www.adobeflex.co.kr" moveEffect="{btnMover}"/>

<mx:Button label="Left" click="target.x = 10" />

<mx:Button label="Right" click="target.x = 500" />

</mx:Application>

Listing 1.1 - Effect 오류 가능성이 있는 Flex 소스

Move의 부모 클래스에 해당하는 Effect의 play() 메쏘드를 살펴보면 그 어디에도

이팩트가 작동 중이었을 경우 다시 실행하는 문제에 대해 처리하지 않고 있다. 이 문제는 isPlaying 속성을 사용하여 다음과 같은 방법으로 해결해 보았다.

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">

<mx:Move id="btnMover" duration="2000"/>

<mx:Button id="target" label="www.adobeflex.co.kr" moveEffect="{btnMover}"/>

<mx:Button label="Left" click="leftClick()" />

<mx:Button label="Right" click="rightClick()" />

<mx:Script>

<![CDATA[

public function leftClick():void

{

if(btnMover.isPlaying) btnMover.stop();

target.x = 10;

btnMover.play();

}

public function rightClick():void

{

if(btnMover.isPlaying) btnMover.stop();

target.x = 500;

btnMover.play();

}

]]>

</mx:Script>

</mx:Application>

Listing 1.2 - Effect 오류 가능성 제거

함수 rightClick() 안쪽을 살펴 보면 isPlaying 속성의 반환 값을 체크한 뒤에 stop()

메쏘드를 호출하는 방법을 사용하였다.

이제 rightClick()는 안전하게 중지된 시점부터 다시 새로운 지점으로의 자연스런 이동이 가능하게 구현되었다. 다만 stop() 메쏘드는 SDK 3부터 지원하기 때문에 이전의 버전의 SDK를 사용한 애플리케이션은 이 방법을 사용할 수가 없다.

잘못된 addChild의 사용법

addChild, removeChild는 컨테이너에 컨트롤들을 등록하는 가장 쉬운 방법이다. 하지만 addChild를 사용할 때 반드시 지켜야 할 점이 있는데, 그것은 사용자 반응과 연동시켜서는 안 된다는 것이다.

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical" initialize="initApp()">

<mx:Button label="addChild" click="addChildClick()" />

<mx:Button label="removeChild" click="removeChildClick()" />

<mx:Script>

<![CDATA[

import mx.controls.Label;

private var _child:Label = new Label();

public function initApp():void

{

_child.text = "www.adobeflex.co.kr";

}

public function addChildClick():void

{

addChild(_child);

}

public function removeChildClick():void

{

removeChild(_child);

}

]]>

</mx:Script>

</mx:Application>

Listing 2.1 - 컨트롤과 addChild를 연동시킨 예

Listing 2.1에서 ‘addChild’버튼을 누르면 ‘www.adobeflex.co.kr’ 이라는 문구가 뜨고

‘removeChild’ 를 누르면 화면에서 사라집니다. 우리는 아주 간단한 동작만으로 치명적인 에러 메시지를 만들 수 있다. Remove 버튼을 두 번 눌러보면 콘솔 창에 다음과 같은 문구가 뜰 것이다.

ArgumentError: Error #2025: 제공된 DisplayObject는 호출자의 자식이어야 합니다.

여기에서 무엇이 잘못된 것일까? removeChild 안쪽에는 반드시 타겟이 해당 메쏘드의 자식으로 등록된 DisplayObject만이 해지할 수 있도록 만들어져 있다. 여기에 엉뚱한 다른 컨테이너의 자식을 넣게 되면 위와 같은 메시지가 발생하게 되는 것이다.

try~catch로 예외 처리를 하게 되면 이 오류메시지를 피할 수 있다. 하지만 이렇게 등록과 해제를 하게 되는 과정에서 외부 함수가 접근하려 했을 때 _child 의 접근에 신뢰를 가지기가 힘들게 된다. 여기서 말하고자 하는 점은 메쏘드 addChild가 아닌 사용자의 반응에 직접적으로 addChild를 호출한 점이 문제인 것이다.

좀 더 복잡한 경우 이 Label의 showEffect 또는 hideEffect가 등록되어 있다면 이 이팩트의 실행여부를 판단해주어야 하는 점도 있다. 이런 점은 visible 속성을 사용하는 것으로 해결할 수 있다.

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical" initialize="initApp()">

<mx:Button label="addChild" click="addChildClick()" />

<mx:Button label="removeChild" click="removeChildClick()" />

<mx:Script>

<![CDATA[

import mx.controls.Label;

private var btn:Label = new Label();

public function initApp():void

{

btn.text = "www.adobeflex.co.kr";

addChild(btn);

}

public function addChildClick():void

{

btn.visible = true;

}

public function removeChildClick():void

{

btn.visible = false;

}

]]>

</mx:Script>

</mx:Application>

Listing 2.2 - visible 속성의 사용

addChild를 사용자 반응과 관계 없는 initApp() 메쏘드에 삽입함으로써 유저의 버튼 동작에 신경 쓰지 않아도 되고, 전체적인 버튼 접근에 관한 잠재 가능성을 배제할 수 있게 되었다.

컴포넌트 밖 외부데이터와의 처리

Flex의 데이터 바인딩은 개발자의 복잡한 소스를 아주 쉽고 간단하게 만들어준다. 그 외에도 외부데이터의 응답시간을 신경 쓸 필요가 없다는 장점이 있다. 이는 itemRenderer 같은 데이터와 해당 컴포넌트의 시점을 가늠할 수 없을 때에도 사용된다.

Listing 3.1 은 바인딩 되지 않은 형태로 itemRenderer를 통해 컨트롤에 삽입해 봤다.

<mx:itemRenderer>

<mx:Component>

<mx:Box>

<mx:Script>

<![CDATA[

override public function set data(value:Object):void

{

output.text = value.toString();

super.data = value;

}

]]>

</mx:Script>

<mx:Label id="output" />

</mx:Box>

</mx:Component>

</mx:itemRenderer>

Listing 3.1 - 외부데이터를 인라인 컴포넌트 컨트롤에 적용

Listing 3.1은 몇몇의 경우에는 문제를 일으키지 않을 경우가 있다. 하지만 웹 상에서 데이터를 읽어오는 경우 또는 컴포넌트가 생성되지 않았을 시점에 데이터가 들어오는 경우 null 객체 참조 에러가 발생하게 된다.

TypeError: Error #1009: null 객체 참조의 속성이나 메쏘드에 액세스할 수 없다.

그 외에도 null 이 데이터에 들어왔을 경우도 생각해야 한다. 데이터 바인딩은 이러한 경우에 많은 도움이 된다. 컴포넌트의 생성 시점을 생각할 필요가 없기 때문이다.

<mx:itemRenderer>

<mx:Component>

<mx:Box>

<mx:Script>

<![CDATA[

[Bindable] private var outputStr:String;

override public function set data(value:Object):void

{

outputStr = value.toString();

super.data = value;

}

]]>

</mx:Script>

<mx:Label text="{outputStr}" />

</mx:Box>

</mx:Component>

</mx:itemRenderer>

Listing 3.2 - 바인딩을 이용한 외부데이터 처리

위와 같이 외부 데이터와 컨트롤을 바인딩으로 묶어줌으로써 이 문제는 해결된다. 이처럼 외부데이터가 컨트롤에 직접 접근하는 것은 피해야 할 방법 중 하나이다.

코드와 뷰의 완벽한 분리

현재MXML 기반의 Flex는 화면을 다른 파일로 관리하지 않는 한 코드와 뷰를 분리하기란 쉽지가 않다. 따라서 이를 혼용 사용하다 보면 때때로 서로 섞이게 되어 난잡한 코드를 작성하게 될 경우가 많다.

<?xml version="1.0" encoding="utf-8"?>

<mx:Panel

xmlns:mx="http://www.adobe.com/2006/mxml"

layout="absolute" width="400" height="300"

initialize="initPanel()">

<mx:Script>

<![CDATA[

import mx.controls.Button;

private var closeBtn:Button = new Button();

private function initPanel():void

{

closeBtn.width = 100;

closeBtn.height = 20;

closeBtn.label = "close";

}

override protected function createChildren():void

{

super.createChildren();

titleBar.addChild(closeBtn);

}

]]>

</mx:Script>

</mx:Panel>

Listing 4.1- 코드에 의존한 Panel 컴포넌트

Listing 4.1은 Panel titleBar에 버튼을 추가하는 내용을 코드에 너무 의존한 형태인데 Flex에 익숙하지 않은 프로그래머들이 자주 사용하게 되는 패턴이라고도 볼 수 있다. Flex 프로젝트의 특성상 디자인은 자주 바뀌게 되는데 이렇게 디자인 요소를 코드상에 표현하게 되면 유지보수가 어렵고 개발에 많은 시간이 소요된다. 이것을 태그 형태로 바꾸어 보도록 하자.

<?xml version="1.0" encoding="utf-8"?>

<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300">

<mx:Script>

<![CDATA[

override protected function createChildren():void

{

super.createChildren();

titleBar.addChild(closeBtn);

}

]]>

</mx:Script>

<mx:Button id="closeBtn" width="100" height="20" label="close"/>

</mx:Panel>

Listing 4.2 - 디자인을 태그로 표현한 Panel 컴포넌트

보기에도 간편할 뿐 아니라 디자인 모드에서도 수정이 가능한 형태로 바뀌었다. 이처럼 태그는 코딩의 속도를 높여줄 뿐만 아니라 유지보수 및 소스분석에도 많은 장점들을 가지고 있다. 그렇다고 무작정 태그가 좋은 건 아니다. 태그의 표현에도 한계가 있기 때문이다. 여기서 태그와 코드가 가져가야 하는 부분을 나누어 생각해 보았다.

1. 비주얼 컴포넌트(Visual Component)는 모두 태그 기반으로 가야 한다.

2. 넌 비주얼 컴포넌트 중 이벤트 기반의 컴포넌트는 태그로 가야 한다.

예) HTTPService , Timer , Effect , TargetTrace …

3. 넌 비주얼 컴포넌트 중 Formatter, Validator는 태그로 가야 한다.

이상으로 Flex 개발시 참고하면 좋은 사항을 살펴봤다. 현재 Flex의 요구가 점점 많아지고 있는 추세이며 새로운 Flex 개발자들이 늘어나고 있기에, 본 글이 개발시 조금이나마 도움이 됐으면 하나 바람이다. Flex의 특징을 이해하고 MXML 자체의 특성을 잘 받아들인다면 훨씬 훌륭한 코드를 작성하게 될 것이다.

* 출처 : http://www.adobeflex.co.kr/iwt/board/board.php?tn=pds_tech&id=163&mode=view

Shallow copy 와 Deep copy [펌]

KELVIN_KIM — Thu, 05 Jun 2008 10:55:37 +0900

AS3.0이든 자바든..

누구나 다 한번씩은 겪었을 참조 복사. 즉 reference복사에 대해 몇 자 끄적여 보겠다.
어딜 가든 이에 대한 질문은 늘 올라오는 듯하여...ㅋㅋ

어떤 질문인가 들여다보자면...

"제가 A라는 객체를 B라는 객체로 복사해서 어떤 조작을 했는데 B객체 뿐만 아니라 A객체까지 값이 변했어요"
"제가 A라는 배열을 B라는 배열에 복사해서 B라는 배열의 값들에 대해 정렬을 했는데 A 배열의 값까지 정렬이 되버렸어요."

어떤 어플리케이션에서 프로그램 실행중에 저런 문제가 발생했다면 생각만해도 아찔하다.
특히나 돈이 걸려있는 금융쪽이라면 더더욱.^^;(의도되지 않은 코드라는 전제하에..ㅋㅋ)

자 ...우리 개발자들이 이런 기초적인 실수를 하지 않기 위해선
Shallow copy와 Deep copy에 대해 잘 기억하고 있어야 한다.

아! 본론으로 돌아와서 왜 저런 문제가 생기나요? 물으신다면...
이에 대한 답변은 당신은 "참조 복사, 즉 주소값만 복사했기 때문입니다." 이라고 답하겠다.
( Pass by Value 가 아니라 Pass by Reference임을 잊지 마시오~~^^)

Shallow copy. 얕은 복사. 단순 복사라고 부르는데.
자바나 AS3.0은 객체지향언어로서 모든 객체들은 레퍼런스, 즉 참조값이다.
우리가 흔히 지정하는 변수명은 실제 변수가 있는 메모리 공간을 가리키고 있는 것이다.
(자바와 AS3.0에서 참조(reference)라고 부르며....C언어의 포인터라 생각해도 무방할 듯 하다.
왜냐하면 자바에서도 엄연히 NullPointerException이 있지 않은가.-단순히 이렇게 생각해도 된다는 의미이지
포인터와 레퍼런스가 똑같다고 하는건 절대 아님^^;-)

자 어떤일이 생기는지 한번 보자. 플렉스에서 테스트....

import mx.controls.Alert;

public var original_array:Array = new Array("a","b","c");
public var copy_array:Array = original_array;

public function array_view():void{
copy_array[0] = "z";
Alert.show(original_array.toString()); // z,b,c
Alert.show(copy_array.toString()); // z,b,c

}

original_array와 copy_array를 각각 비교해보면 z,b,c가 나오는 것을 볼 수 있을 것이다.
바로 앞서 말한 Shallow copy가 이루어진 결과는 어떤가?
주소값만이 복사되어 배열의 요소값이 함께 변경되는 결과를 볼수 있다.

이를 피하기 위해서 실제 값까지 복사하는 것이 바로 Deep copy이다.

Deep copy. 깊은 복사. 완전 복사라고 부르는데.
AS3.0에선 ByteArray클래스를 사용해서 다음과 같이 할 수 있다.

import flash.utils.ByteArray;
import mx.controls.Alert;

public function clone(source:Object):*{
var myBA:ByteArray = new ByteArray();
myBA.writeObject(source);
myBA.position = 0;
return(myBA.readObject());
}

public var original_array:Array = new Array("a","b","c");
public var copy_array:Array = clone(original_array);

public function array_view():void{
copy_array[0] = "z";
Alert.show(original_array.toString()); // a,b,c
Alert.show(copy_array.toString()); // z,b,c
}

original_array와 copy_array를 비교해보면 원본 객체의 변경없이

original_array는 a,b,c가 나오며 copy_array는 z,b,c가 나오는 것을 볼 수 있을 것이다..

플렉스에는 mx.utils.ObjectUtil클래스의 copy메소드가 있어서 이를 사용하면 된다.
다음과 같이 한 줄로....

import mx.controls.Alert;

public var original_array:Array = new Array("a","b","c");
public var copy_array:Array =
mx.utils.ArrayUtil.toArray(mx.utils.ObjectUtil.copy(original_array));

public function array_view():void{
copy_array[0] = "z";
Alert.show(original_array.toString()); // a,b,c
Alert.show(copy_array.toString()); // z,b,c
}

위에서 언급한 두가지 방법은 generic object에 대하여 Deep copy를 수행하는데 가장
좋은 방법이지만..문제가 좀 있다..

사용자 정의 클래스에 대한 Deep copy는 제대로 수행되지 않는다. 이게 머니 이게...
MyInfo라는 간단한 클래스를 하나 만들고 테스트 해보겠다.

package guerrilla.test
{

public class MyInfo
{

private var _name:String;
private var _age:int;

public function MyInfo(){

}

public function get name():String{
return this._name;
}

public function set name(name:String):void{
this._name = name
}

public function get age():int{
return this._age;
}

public function set age(age:int):void{
this._age = age;
}

public function getName():String{
return this.name;
}

public function getAge():int{
return this.age;
}

}

}

자...다음과 같이 MyInfo 클래스의 인스턴스를 생성하고 테스트를 해보도록 하자..소스내의 clone메소드는 위에 작성한 그대로이다..

var original_MyInfo:MyInfo = new MyInfo();

original_MyInfo.name = "guerrilla";
original_MyInfo.age = 32;

var copy_MyInfo:Object = clone(original_MyInfo); //deep copy 수행

copy_MyInfo.name="dora";
copy_MyInfo.age=27;

var copy_MyInfo2:Object = mx.utils.ObjectUtil.copy(original_MyInfo); //deep copy 수행

copy_MyInfo2.name="love";
copy_MyInfo2.age=0;

trace(original_MyInfo.name); // guerrilla
trace(original_MyInfo.age); // 32
trace(original_MyInfo.getName()); // guerrilla
trace(original_MyInfo.getAge()); // 32

trace(copy_MyInfo.name); // dora
trace(copy_MyInfo.age); // 27
trace(copy_MyInfo.getName()); // TypeError: Error #1006: getName은(는) 함수가 아닙니다.
trace(copy_MyInfo.getAge()); // TypeError: Error #1006: getAge(는) 함수가 아닙니다.

trace(copy_MyInfo2.name); // love
trace(copy_MyInfo2.age); // 0
trace(copy_MyInfo2.getName()); // TypeError: Error #1006: getName은(는) 함수가 아닙니다.
trace(copy_MyInfo2.getAge()); // TypeError: Error #1006: getAge(는) 함수가 아닙니다.

자 ... 보시다시피 멤버필드는 이상없이 복사되었지만 어이없게도 멤버메소드는 함수가 아니란다..ㅡ.ㅡ;;
아 왜~~~!!! 함수가 아니라는거니...걍 함수해주면 안되겠니~~ 뭐 이리 쉽게 되는게 없어..이거..
하지만...늘 방법은 존재한다.. 프로그래밍 세계에선 안되는게 없다...무슨 수를 써서라도 되게 만들면 된다.ㅋ
바로 flash.net 패키지의 registerClassAlias라는 패키지레벨 함수로 해결할 수 있다..

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="271" width="532"
borderStyle="solid"
borderColor="black"
borderThickness="1" initialize="initApp()">

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.utils.ObjectUtil;
import guerrilla.test.MyInfo;
import flash.net.registerClassAlias;
import flash.utils.ByteArray;

registerClassAlias("myClass",MyInfo);

private function clone(obj:Object):*{
var myBA:ByteArray = new ByteArray();
myBA.writeObject(obj);
myBA.position = 0;
return(myBA.readObject());
}

private function initApp():void
{

var original_MyInfo:MyInfo = new MyInfo();

original_MyInfo.name = "guerrilla";
original_MyInfo.age = 32;

var copy_MyInfo:Object = clone(original_MyInfo); //deep copy 수행

copy_MyInfo.name="dora";
copy_MyInfo.age=27;

var copy_MyInfo2:Object = mx.utils.ObjectUtil.copy(original_MyInfo); //deep copy 수행

copy_MyInfo2.name="love";
copy_MyInfo2.age=0;

trace(original_MyInfo.name); // guerrilla
trace(original_MyInfo.age); // 32
trace(original_MyInfo.getName()); // guerrilla
trace(original_MyInfo.getAge()); // 32

trace(copy_MyInfo.name); // dora
trace(copy_MyInfo.age); // 27
trace(copy_MyInfo.getName()); // dora
trace(copy_MyInfo.getAge()); // 27

trace(copy_MyInfo2.name); // love
trace(copy_MyInfo2.age); // 0
trace(copy_MyInfo2.getName()); // love
trace(copy_MyInfo2.getAge()); // 0
}
]]>
</mx:Script>

</mx:Application>

객체 복사하기 이리 번거로워서야...^^;;

다음엔 UIComponent 객체 복사에 대해서 알아봐야겠다.
UIComponent 객체는 clone메소드를 implement해야 한다고 한다..
(아직 위의 방법으로 UIComponent 객체에 대해 복사해보진 않았지만 문서에서는 저렇게 해야 한다함.)

내가 알기론 UIComponent를 일괄적으로 복사하는 건 불가능하다고 들었다..
(안해봤지만 강호의 고수분께서 가라사대...-이것도 해봐야겠고..할거 너무 많아..ㅠ.ㅠ-)
특정 클래스 인스턴스의 속성을 동적으로 알아오는 것이 불가능해서..
(for in 구문은 동적으로 추가된 속성만을 알려준다)
대신 ClassFactory와 ClassFactory의 properties 속성을 잘 이용하면 똑같은 인스턴스들을
한번에 여러곳에 쓸 수는 있다
(아이템 렌더러가 이런 방식임...실제 프로젝트에 적용해봤지만 이 부분도 면밀히 파봐야겠다..).
실제로 인스턴스를 on-Line Display List에 추가하기 전, off-Line Display List에 미리 전역으로 ClassFactory에 해당 인스턴스를 등록해 놓고,, 다른 곳에서 쓸 경우 이 ClassFactory의 newInstance() 메소드를 호출해 주면 된다..(이 부분은 예제소스를 올려놔야 겠군.. 제대로 한건지 태클 걸어줄 사람이 필요해..ㅠ.ㅠ)

아예 이런 방식이 아니고 서브 클래스 단에서 필요한 속성들만 대입해 새로운 인스턴스를 리턴하도록 하는 방식도 있다고 하고..... API에서는 이 방식을 말하는 듯 함...

그럼 이만^^
P.S.(python 처럼 copy(),deepcopy() 이렇게 제공되면 월매나 좋을꺼시여~~)

* 출처 : http://gogothing.tistory.com

typeof [펌]

KELVIN_KIM — Thu, 05 Jun 2008 10:33:18 +0900

변경된 typeof

typeof 는 어떤 값의 기본 데이터 타입을 알려주는 연산자이다.
이 연산자는 클래스 관련 정보를 제공하지 않으며 단순히 변수의 타입만을 알려준다.
관련된 클래스정보를 얻기위해서는 instanceof, getQualifiedClassName 또는 describeType을 함께 사용하면
된다.

ActionScript 1 과 2 에서 typeof는 아래와 같은 값을 반환한다.
boolean
function
movieclip
null
number
object
string
undefined

ActionScript 3에서 typeof는 아래와 같은 값을 반환한다.
boolean
function
number
object
string
xml
undefined
AS3에서는 typeof를 사용해서 MovieClip의 인스턴스를 알아낼 수 가 없으며, 이는 이젠 object로
인식되고. null또한 마찬가지이며(object로...) xml은 이제 xml로 인식한다.

AS3에서의 새로운 number 타입인 int 와 unit는 typeof를 사용하면 공히 number를 반환하며,
생성자 또는 new 키워드를 사용하여 생성된 프리미티브 값들(boolean, number, string)은
AS1 과 AS2에서 object로 인식되는 것과는 달리, AS3에선 이젠 그 자체의 프리미티브 값으로 인식된다..

//AS1 & AS2
trace(typeof new XML()); // object

trace(typeof my_mc); // movieclip

trace(typeof null); // null

trace(typeof true); // boolean
trace(typeof 1); // number
trace(typeof ""); // string

trace(typeof new Boolean()); // object
trace(typeof new Number()); // object
trace(typeof new String()); // object

// AS3
trace(typeof new XML()); // xml

trace(typeof my_mc); // object

trace(typeof null); // object

trace(typeof true); // boolean
trace(typeof 1); // number
trace(typeof ""); // string

trace(typeof new Boolean()); // boolean
trace(typeof new Number()); // number
trace(typeof new String()); // string

trace(typeof int(1)); // number
trace(typeof uint(1)); // number

* 출처: http://gogothing.tistory.com/category/FLEX%202

대박 동영상[펌]

KELVIN_KIM — Tue, 20 May 2008 14:48:12 +0900

정말 대박이다~~~

누가 만들었는지 참~~~

[Flash] http://play.pullbbang.com/1110502.swf

싱크로율 1만%

노무현 전대통령 VS 이명박 각하

KELVIN_KIM — Fri, 16 May 2008 13:22:07 +0900

다음 뉴스 기사의 댓글에 보니 공감이 가는 글이 보여서 옮겨 와 본다.
지은이는 불명.

노무현은 조중동과 싸웠고
이명박은 초중고와 싸운다.

노무현은 국회의원들이 탄핵 요청했고
이명박은 국민들이 탄핵 요청한다.

노무현은 국민들의 비판은 당연한 것이다 라고 말했고
이명박은 비판하는 국민을 잡아들이라 말한다.

노무현은 국민90%를 선택했고
이명박은 국민10%를 선택했다.

노무현 내각은 국민을 사랑했지만
이명박 내각은 땅을 사랑했다.

노무현은 먼저 대한민국 국민과의 대화를 했고
이명박은 먼저 일본 국민과의 대화를 했다.

노무현은 e지원을 만들었고
이명박은 컴퓨터 로그인도 못했다.

노무현은 안창호 선생님이라 불렀고
이명박은 안창호 씨라 불렀다.

노무현은 한일관계를 위해 과거역사를 철저하게 정리하자고 했고
이명박은 한일관계를 위해 과거역사를 거론하지 않겠다고 했다.

노무현의 정책은 야당에서 발목을 잡았지만
이명박의 정책은 국민들이 발목을 잡았다.

노무현은 국민에게 자신을 봉헌했고
이명박은 하나님에게 서울시를 봉헌했다.

노무현은 임기 말에 욕을 먹었지만
이명박은 인수위 때 부터 욕을 먹었다.

노무현은 미국이라서 믿을 수 없다고 말했지만
이명박은 미국이니까 믿으라고 했다.

노무현은 꿈에서라도 한번 보고 싶고
이명박은 꿈에 볼까 두렵다.

노무현을 꿈에 보면 로또를 사지만
이명박을 꿈에 보면 다음 날 차 조심 한다.

노무현은 국민의 생명권을 기준으로 광우병 소를 막았지만
이명박은 미 축산업자의 돈벌이를 위해 우리 생명권을 포기했다.

노무현은 대한민국 경제를 살리려 했고
이명박은 미국 경제를 살리려 한다.

노무현은 경제의 기초를 다졌고
이명박은 경제의 기초를 다 줬다.

노무현은 국민과의 공약을 지키는 것이 자랑스럽고
이명박은 국민과의 공약을 지킬까 봐 겁난다.

노무현에게선 거짓 찾기가 어렵고
이명박에게선 진실 찾기가 어렵다.

노무현은 부시를 운전했고
이명박은 부시의 카트를 운전했다.

노무현이 주권 확보를 얘기할 때
이명박은 주식 확보를 얘기했다.

노무현이 부동산 대책을 논할 때
이명박은 부동산 가등기를 고민했다.

노무현은 조중동이 괴롭혀도 지지율 30% 이상이고
이명박은 조중동이 빨아줘도 지지율 30% 이하이다.

2MB의 업적들... ㅡ.ㅡ

KELVIN_KIM — Tue, 06 May 2008 10:33:38 +0900

2MB(2메가 바이트? 2메가 비트...) 업적

핸드폰 요금 20%인하 공약ㅡ>이통사 강력반발로 사실상철회

통신요금 누진제 검토발표 ㅡ>강제소비억제 및 서민부담가중

통신요금 발,수신자 공동부담제 추진 ㅡ>정작 미국은 공동부담제 사라지는추세

경제성장 7% 공약 철회 ㅡ>6%로 하향조정,6%도 재검토발표

건강보험,한국전력 민영화검토발표 ㅡ>서민,영세노인 살해행위

독거노인 돌봄이1600명 감축 ㅡ>노인복지 및 사회적약자 경시

코레일 민영화 추진 ㅡ>요금대폭인상,영국도 민영화후 재매입함

담배값 인상 추진 ㅡ>야당시절엔 반대하더니 세금은 걷어야 하니까^^

유류세 10%인하방침 발표 ㅡ>정유사 돈잔치 가능성 100%

공무원 감축 공약 철회 ㅡ>재배치로선회,여론악화로다시감축발표

신혼부부주택공급공약 전면적재검토 ㅡ>실효,타당성결여,재원확보여려움으로재검토

TV수신료 7500원 인상검토 ㅡ>서민말살

대운하 조기추진 강행ㅡ>총선여론 악화로 잠정유보상태

대입 자율화 추진ㅡ>학벌 세습의 법제화

자사,특목고 300개 설립추진 ㅡ>사교육 폭발적 증가

전과목 영어수업 추진 ㅡ>영어 사교육 열풍에 기름붓기

수능영어과목제외,상시영어시험추진ㅡ>영어 사교육 열풍에 기름붓기

기자실 복구 발표 ㅡ>정치-언론 합체

신문의 방송소유 허용 ㅡ>거대언론의 미디어장악,여론통제

주택 지분소유제 추진 ㅡ>부동산 투기 강력촉진

양도세완화 ㅡ>강남구를 위한 잔치

기업 금산분리 단계적 철폐ㅡ>국민 예금의 기업 쌈짓돈화

신불자 공적자금 10조 지원 발표ㅡ>여론악화 및 재원 미확보로 철회

출총제 폐지 발표ㅡ>기업 문어발 부실경영 망령부활

기업 세무조사 대폭축소 ㅡ>기업 탈세 장려 및 감독의무 포기

과학기술부 폐지 ㅡ>그저 삽질이 최고인줄알지?

농촌진흥청 폐지 ㅡ>기술농업 경쟁력약화 및 퇴보

통일부 폐지 ㅡ>통일철학 및 역사인식 결여

인권위원회 대통령 직속기구화 추진 ㅡ>인권기관 독립화의 세계적 추세역행

부처통폐합으로 거대부처탄생 ㅡ>전문성 결여 및 책임소재불분명

이통사 요금인가제 폐지발표ㅡ>후발업자 고사 및 SKT독점 공고화

상속세,증여세 단계적 인하발표ㅡ>손쉬운 부의 세습화

외국인 공무원임용 검토발표 ㅡ>납세,병역의무한 자국민 역차별

일본에 침략역사 사죄요구 포기천명ㅡ>의무포기 및 역사적인식부족

산업 평화정착TF구성발표ㅡ>4시간만에 백지화

전시작전통제권 재협상 추진 ㅡ>미국의 거부로 사실상백지화

언론사 간부 성향조사 ㅡ>5공화국시절에나 하던짓거리

금융위원회 신설 추진 ㅡ>관치금융 부활

각종 역사,진실위원회 폐지발표 ㅡ> 역사말살 및 근현대사왜곡

1>친일 반민족행위자 재산 조사 위원회 폐지발표(2006년 출범) --------가장 개념 상실한 부분

2>군 의문사 진상규명 위원회 폐지발표(2006년 출범)

3>진실 화해를 위한 과거사 정리 위원회 폐지발표(2005년 출범)

4>친일 반민족 진상 규명 위원회 폐지발표(2004년 출범)

5>삼청 교육피해자 명예 회복 및 보상 심의위원회 폐지발표(2004년 출범)

6>노근리 사건 희생자 심사 및 명예 회복 위원회 폐지발표(2004년 출범)

7>일제 강점하 강제 동원 피해 진상규명 위원회 폐지발표(2004년 출범)

8>동학 농민혁명 참여자 명예 회복 심의위원회 폐지발표(2004년 출범)

9>특수 임무 수행자 보상 심의위원회 폐지발표(2004년 출범)

10>제주 4.3사건 진상 규명 및 희생자 명예 회복 위원회 폐지발표(2000년 출범)

11>민주화 운동 관련자 명예 회복 및 보상 위원회 폐지발표(2000년 출범)

12>거창 사건 등 관련자 명예 회복 심의위원회 폐지발표(1998년 출범)

13>광주 민주화 운동 관련자 보상 지원 위원회 폐지발표(1990년대 출범)

정부예산안에서 이명박이 삭감한 내용들

1>사회적 일자리창출 지원금 ㅡㅡㅡㅡㅡ325억원 삭감

2>장애아 무상보육 지원금 ㅡㅡㅡㅡㅡㅡ50억 삭감

3>보육시설 확충비용ㅡㅡㅡㅡㅡㅡㅡㅡㅡ104억원 삭감

4>청소년 안전시설 지원비 ㅡㅡㅡㅡㅡㅡ8천만원 삭감

5>장애인차량 지원비ㅡㅡㅡㅡㅡㅡㅡㅡㅡ116억원 삭감

6>건강보험 가입자지원금ㅡㅡㅡㅡㅡㅡㅡ568억원 삭감

7>학자금대출 신용보증기금 지원액ㅡㅡㅡ1천억원 삭감

※ 여기서.. 쥐명박의 막말들.. 無개념정책들.. 보시겠습니다..

(사진은.. 찾는 시간이 아까워서 그냥 패스.. 보면, 그냥 농담조로 건넨 말도 분명히 있겠죠.

근데 농담인지 아닌지의 문제가 아니라 대통령인걸 떠나서 이건 뭐.. 무개념의 결정체)

＊대통령은 개나 소나 하나? (아마도 노무현 전 대통령님 겨낭해서 한 말일거에요)
＊김구는 실패한 정치인이다.
＊광주민주화 운동, 부마항쟁을 연거푸 광주사태, 부마사태로 언급. (역사개념이 없는거죠.)
＊돈 없는 사람이 정치하는 시대는 지났다.
＊나처럼 애를 낳아 봐야 보육을 얘기할 자격이 있고 고3생 네 명은 키워봐야 교육을 얘기할 자격이 있다.
＊요즘 나를 비난하는 사람들을 보면 70-80년대 빈둥빈둥 놀면서 혜택을 입은 사람들인데 비난할 자격이 없다고 본다.
＊대한민국의 수도 서울은 하나님이 다스리시는 거룩한 도시이며, 서울의 시민들은 하나님의 백성이다.

서울의 회복과 부흥을 꿈꾸고 기도하는 서울 기독청년들의 마음과 정성을 담아 수도 서울을 하나님께 봉헌한다. (뭥미??--)

＊1시간도 공부 안한것들이 경부운하 반대한다.
＊마사지걸을 고를때에는 못생긴 여자를 골라야한다. (예쁘다면 많은 남자가 거쳐갔다는 뜻이겠죠.)
＊걱정되면 먹지마라. 적게 사라.
＊고려대 등록금 2배 인상 등 대학 등록금 문제에 대해 "그러면 장학금 받으면 되겠네."
＊나를 찍지 않을 사람은 투표 안 나와도 괜찮지만, 나 찍을 사람들은 다 나와야 한다.

(이게 대통령 되겠다는 사람이 할 말입니까? 투표를 안해도 된다뇨.ㅋㅋ)
＊국민이 모은 돈으로 숭례문 복원하자.
＊초등학교때부터 국어나 국사등 일부과목을 영어로 가르치면 어학연수를 안 가도 영어에 불편함이 없을 것이다.

＊복지 예산 현실화를 요구하는 글귀가 새겨진 옷을 입고 1인 시위하는 여성 복지사를 조롱하며
"이런 옷 사입을 돈 있으면 운영비 지원하지 않아도 되겠다."
이에 여성 복지사가 '사회복지사들이 사비를 모아 마련한 것'이라는 답변에
"돈을 내서 그런 옷을 사입을 정도면 월급 많은 것 아닌가.

이런것 할 시간이 있으면 겸손한 마음으로 사회복지나 해라."
＊투기를 목표로 집을 옮기는 것은 정부가 그렇게 관여할 일이 아니다. 세금만 잘받으면 된다. (왜?지도했거든ㅡㅡ)
＊부실 교육의 핵심은 교육을 책임진 사람들이 모두시골 출신이라는데 있다.
＊아이가 세상에 불구로 태어난다든지 이런 불가피한 낙태는 용납이 될 수 밖에 없는 것 같다.
＊일해공원에 대해선 내용을 잘 몰라서 답변할수 없을것 같다. 일해는 횟집이름 아니냐?

펌 : [http://blog.naver.com/hyukzak/150031016759]

FLEX 화면 이미지로 캡처

KELVIN_KIM — Wed, 23 Apr 2008 10:52:11 +0900

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
creationComplete="init();">

<mx:Script>
<![CDATA[
import mx.graphics.ImageSnapshot;
import mx.graphics.codec.*;

private function init():void {
ImageSnapshot.defaultEncoder = PNGEncoder;
}

private function captureImg():void {
var ohSnap:ImageSnapshot = ImageSnapshot.captureImage(img);
textArea.text = ImageSnapshot.encodeImageAsBase64(ohSnap);
lbl.text = ohSnap.contentType;
}
]]>
</mx:Script>

<mx:ApplicationControlBar dock="true">
<mx:Button id="button"
label="Capture Image"
click="captureImg();" />
</mx:ApplicationControlBar>

<mx:Form>
<mx:FormItem label="source:">
<mx:Image id="img"
source="@Embed('images/flex_logo.jpg')" />
</mx:FormItem>
<mx:FormItem label="Base64:">
<mx:TextArea id="textArea"
editable="false"
width="320"
height="160" />
</mx:FormItem>
<mx:FormItem label="contentType:">
<mx:Label id="lbl" />
</mx:FormItem>
</mx:Form>

</mx:Application>