4월에 인터뷰했던 내용입니다. ;) 혼자서 막 떠들었던 것 같은데, 정리 참 잘해주셨어요 ㅎ 감사합니다 ;)
아직 초보 개발자라 부족한 점이 많은데 하나씩 많은 것을 경험하고 배우고 있습니다. 매번 저를 위해 신경 써 주시는 모든 분들 감사드립니다.
인터뷰에서 자격증을 따겠다고 했는데, 아직 실행에 옮기질 못했습니다. ㅜㅜ 빨리 도전해야겠어요;
(사진과 동영상은 제거했습니다.)

원본 글 : Adobe Flex 공식사이트 개발자 인터뷰

ActionScript 에서 int는 피하자구요!
Flex에 대해 알아갈수록, int에 대해서 알게 될수록, int를 사용하지 않게 되었습니다.
int가 정말 필요하지 않는 이상 int는 더 이상 사용하지 않을 것입니다.

이유 1 : Number가 int보다 실제적으로 더 빠릅니다.

놀랍게도, 사실입니다. ECMAScript Edition 4는 ECMAScript 이전 버전과 호환이 가능하게 설계되었습니다.
그래서 수학적으로 완전 무결하게 옳다라는 것을 보장하기가 어렵습니다.

만약 여러분이 j = 2^23 - 1 로 값을 시작했으면 어떠할 것 같습니까? 일부 프로그래밍 언어에서는 15번 더하자 마자 오버플로우 문제가 나타날 것입니다. 그러나 ECMAScript는 수의 개념이 좀 느슨합니다. 시스템에서 필요시 int에서 double로 변환되는 것을 지원하고 있습니다. 이 때문에 실질적으로 모든 수학적 계산은 내부적으로 int가 아니라 Number로 합니다.

Number로 모든 것이 완료되는 것을 감안해보면 int를 Number로 변환하는 비용과 그 만큼의 시간이 왜 int 를 사용하면 시간이 더 걸리는지에 대한 이유입니다.

다음은 Number는 실제로 int 보다 정확하게 정수 값을 저장시키기 때문에, int보다 Number 를 써야 되는 이유입니다.  

이유 2 : Number는 더 많은 bit를 가집니다.

이 이유는 후에 확실하게 할게된 Number에 대한 놀라운 사실입니다. 어떻게 알게된 것인지 설명해보겠습니다.

Date 객체에는 1970년 1월 1일 자정 부터의 시간을 milliseconds 단위의 숫자로 반환하는 time 이라는 속성이 있습다. 그 값은 정수형 값이고 ActionScript에는 long 타입이 없기 때문에, 반환 타입이 진짜 int (아니면 아마도 uint) 라고 가정했습니다.

var time : uint = (new Date()).time;

왜 버그가 나는 걸까요?
 back of the envelope calculation 에서 1970년 1월 1일부터 2^32 milisecond 보다 더 값을 가지기 때문에 결과가 오버플로우 난다는 것을 알려주고 있습니다. 바보같은 실수죠.

그렇다면 int의 bit보다 더 큰 수를 써야할 때, ActionScript는 Long 타입이 없는 상태에서 어떻게 오버플로우나 이런 부정확한 값을 해결할 수 있을까요?

var time : Number = (new Date()).time;

속을 살펴보면, Number는 아래에 있는 숫자형을 포함하고 있습니다.

• int
• uint
• IEEE double

저는 항상 정수의 계산를 위해 double 형태를 사용하는 것을 피했습니다. 왜냐하면 모든 자리수가 보존될 것이라고 전혀 확신할 수 없었기 때문입니다. 왜냐하면, 개인적인 견해로는 정확성 측면에서 보자면 double은 int 보다 더 큰 범위의 수를 저장하기 때문입니다.

결국엔 ActionScript 의 경우에, Number는 더 큰 수의 범위를 저장할 수 있습니다. 그리고 어떤 정수형보다 정확합니다. 그건 아마도 ActionScript 는 64bit 의 정수형 타입이 없기 때문인 것 같습니다.

IEEE double 포멧은 다음과 같이 구현되어 있습니다.

S EEEEEEEEEEE FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF 0 1 11 12 63

부호를 위한 1 bit, 지수를 위한 11 bit, 숫자부분을 위한 52 bit. 따라서, 정밀도의 손실 없이 int보다 더 큰 bit의 수를 확실히 저장할 수 있습니다.

언제 int를 사용해야 될까요?

다음은 int의 적당한 사용방법입니다.

1. 메모리를 절약하고 싶을 때 (비록 아주아주 많은 양의 저장공간이 있다 하더라도 결국에는 좋지 않은 영향을 줄 것입니다)
2. 정수 값으로 강제변환 시 (예를 들어 var i: int = j / 2)
3. 클라이언트에서 서버쪽으로 정수값을 보낼 때 버그를 줄이기 위해서 (값 전달용 객체안에 int 필드가 있을 때).

이제 다 설명했으니, 저는 이제 제 코드의 대부분의 Number를 확인해 볼 것입니다.

 <root><items><item classtype="UIComponent" id="myUIComponent" x="10" y="10" width="20" height="20"/><item classtype="Canvas" id="myCanvas" x="20" y="40" width="30" height="30"/><item classtype="Panel" id="myPanel" x="30" y="60" width="40" height="40"/></items></root>

 <root>\n  <items>\n    <item classtype="UIComponent" id="myUIComponent" x="10" y="10" width="20" height="20"/>\n    <item classtype="Canvas" id="myCanvas" x="20" y="40" width="30" height="30"/>\n    <item classtype="Panel" id="myPanel" x="30" y="60" width="40" height="40"/>\n </items>\n</root>

XML을 toXMLString()으로 String으로 만들면 계층구조에 맞게 개행문자를 넣어서 String을 만들어줍니다. 그래서 해당 String을 trace() 를 해보면 아래와 같이 콘솔에 XML의 계층구조로 보이게 됩니다. ( toString() 을 사용해도 마찬가지 입니다.)

Flex에서 위의 xmlString 을 다시 XML 로 만들더라도 아무런 문제는 없습니다.

수정 전 소스 열기

여기서 눈여겨 봐야할 것은 2번째 조건문 입니다.
만약 Array 에 값을 for 루프를 돌아 처리한다고 할 때, 흔히 아래와 같이 쓰게 됩니다.  

var i:int; // loop 용 카운터 var j:Number; // Array의 값을 입력할 변수 for(i=0 ; i<dataArray.length; i++) { j = dataArray[i]; }

이 때 2번째 조건 명령문에 들어있는 dataArray.length 가 문제가 됩니다. 루프를 도는 도중에 계속 호출되어 배열의 길이를 알아오기 때문입니다.
이 것은 다음과 같이 변경하여 좀 더 빠르게 바꿀 수 가 있습니다.

var i:int; // loop 용 카운터 var j:Number; // Array의 값을 입력할 변수 var dataArrayLength:Number = dataArray.length; // 배열의 길이를 저장한 변수 for(i=0 ; i<dataArrayLength; i++) { j = dataArray[i]; }
변수 dataArrayLength에 배열의 길이를 담은 후에 조건문에 대입하므로서 불필요하게 dataArray.length 를 매번 호출하지 않아도 되죠.

이와 비슷한 경우가 종종 있을 경우가 있습니다.
예를 들어  Canvas에 있는 자식 객체들의 수를 구하기 위해 Container 클래스에 정의된 numChildren 속성을 호출한다던지 말이죠.
아래의 코드는 클릭 이벤트가 발생하면 클릭된 Canvas의 자식 객체에 대해서 어떤 동작을 하는 코드입니다.

private function clickEventHandler(evt:MouseEvent):void { var targetCvs:Canvas = evt.currentTarget as Canvas; var i:int; // 이러면 느려요! for(i=0; i<targetCvs.numChildren; i++) { // Something... } // 이렇게 해주세요! var childrenNum:Number = targetCvs.numChildren; for(i=0; i<childrenNum; i++) { // Something... } }

이제 실제 테스트를 해보겠습니다.
테스트해본 코드는 다음과 같고요, 그 아래 실제 결과물로 이 포스트를 읽는 분들이 테스트를 해보세요!

private var dataArray:Array = []; public function init():void { var i:int; for(i=0 ; i<10000000; i++) { dataArray.push(i); } // 데이터 10000000 개 입력 } public function timeTest():void { var i:int; // loop 용 카운터 var j:Number; // Array의 값을 입력할 변수 var firstTime:Number; // length 사용시 시간 var secondTime:Number; // length 미사용시 시간 //////////// 속도 측정 시작 /////////// firstTime = (new Date()).time; for(i=0 ; i<dataArray.length; i++) { j = dataArray[i]; } firstTime = (new Date()).time - firstTime; // length 사용시 속도 측정 secondTime = (new Date()).time; var dataArrayLength:Number = dataArray.length; // 배열의 길이를 저장한 변수 for(i=0 ; i<dataArrayLength; i++) { j = dataArray[i]; } secondTime = (new Date()).time - secondTime; // length 미사용시 속도 측정 //////////// 속도 측정 종료 /////////// var message : String = "length 사용시: " + firstTime + "ms\n" + "length 미사용시: " + secondTime + "ms"; Alert.show(message); }
(참고 : creationComplete 시에 init() 을 실행시켜 dataArray 에는 10,000,000개의 데이터를 넣었습니다.)

저는 length 사용시: 953ms, length 미사용시: 187ms  걸렸습니다. ;)

Flex 에서 MXML로 정의한 버튼이 다음과 같이 있다고 가정합니다.

이 버튼을 클릭할 때 어떠한 동작을 하고자 하면 해당 버튼에 다음과 같이 클릭 이벤트 핸들러를 등록시켜주면 됩니다.