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  걸렸습니다. ;)

이번 포스트에서는 드림위버에서 AIR application을 개발할 때 AIR 관련 설정에 관해서 알아보고 간단한 예제를 한번 만들어보도록 하겠습니다. 자세한 내용은 드림위버 extension 문서 중에서 'Using the AIR Extension for Dreamweaver' 를 참고하세요.

(드림위버용 AIR extension 설치 관련은 [AIR] 드림위버에서 AIR application을 개발해보자. #1 을 참고하세요)

1. Site를 설정한다.
우선 AIR App 용 패키징할 폴더를 만들어야됩니다. Site > New Site 하시면 다음과 같은 창이 뜹니다.

Digital signature(전자서명)는 AIR App가 위변조 되지 않았다고 인증해주기 위해서 필요합니다.  모든 AIR App에서 필요한데요, 없으면 설치가 되지 않습니다. 만약에 Digital signature가 없으면 직접 만들수 있습니다.

1. 위의 창에서 Set 버튼을 누릅니다.
2. Digital signature가 있다면 Browse 버튼을 눌러 선택하시고 아니면 Create 버튼을 눌러 생성합니다.
3. Create 버튼을 누르면 다음과 같은 창이 뜹니다.

4. 배포자 이름, 부서, 조직이름, 국가, 비밀번호, 저장할 장소, RSA 타입을 설정하시고 OK누르세요.
5. OK 누르면 저장되었다는 메세지가 뜹니다.
6. 방금 만든 Digital signature가 설정되어 있는 것을 보실 수 있습니다. 패스워드를 입력하세요.
 (주의 : Remember password for this session 을 선택하지 않으시면 AIR 생성시 인증서 패스워드를 매번 입력해야됩니다.)  
OK 누르시면 Digital signature 설정 완료.
  

AirDemo.air