'Flash' 태그의 글 목록

Flex3 in Action 이미지 출처 : 강컴

ActionScript에서 배열은 Array 를 사용하게 됩니다.
Java 와 달리 동적배열이어서 크기를 정하지 않고 임의대로 push, pop 등의 메소드를 통해 편리하게 사용할 수 있습니다. (Java에서는 ArrayList를 사용하시면 편리하죠!)

얼마전에 읽었던 Flex3 in Action 에 보면 'Working with ActionScript' chapter에 Array에 대해서 설명하고 있는데요, 여기에 다름과 같이 배열에 대해서 정의를 하고 있습니다.

1. Indexed arrays
2. Associative arrays

1번 Indexed arrays 는 우리가 흔히 사용하는 Array를 말합니다. 숫자 인덱스를 가지고 다음과 같이 값에 접근을 하게됩니다.

그리고 2번 Associative arrays는 흔히 연관배열 또는 해시(Hash)라고 부르는 배열로 key 값을 가지고 접근하게 됩니다. 책의 예제는 다음과 같습니다.

위의 예제는 이상없이 잘 동작합니다만, ActionScript 에서 연관배열(해시)를 위와 같이 사용하면 안됩니다.
그 이유는 Livedocs 에 잘 나와있습니다.

Array 클래스를 사용하여 번호가 매겨진 요소 대신 명명된 요소가 들어 있는 데이터 구조인 연결 배열(해시) 을 만들지 마십시오. 연결 배열을 만들려면 Object 클래스를 사용해야 합니다. ActionScript에서 Array 클래스를 사용하여 연결 배열을 만들 수는 있지만 이렇게 하면 연결 배열에 Array 클래스 메서드나 속성을 사용할 수 없습니다.

Livedocs 에서 발췌

ActionScript 에서는 Object 클래스를 이용하여 해시를 구현하라고 설명하고 있습니다. 물론 Object가 모든 클래스의 기본이 되기때문에, Array를 이용하여 연관배열(해시)를 만들 수는 있습니다. 하지만 해당 클래스를 만든 의미가 없어지죠. Array는 index를 이용한 배열로 설계된 것이기 때문입니다. 예를 들어 임의로 인스턴스화 시킬 수 있는 Sprite 객체를 연관배열로 사용한다는 것은 정말 황당한 일이라고 할 수 있겠습니다. 해당 목적에 맞게 사용해야 된다는 것이죠 ;)
아래에 Object로 연관배열을 사용하는 방법에 대해서 발췌했습니다.

Object 클래스를 사용하여 연결 배열을 만들 수 있습니다. 기본적으로 연결 배열은 Object 클래스의 인스턴스이며 키-값 쌍은 각각 속성과 속성 값으로 표현됩니다. 결합적 배열을 Object 데이터 유형을 사용하여 선언해야 하는 또 다른 이유는 이 경우 객체 리터럴을 사용하여 결합적 배열을 채울 수 있기 때문입니다. 단, Object 데이터 유형으로 선언하는 경우에만 가능합니다. 다음 예제에서는 객체 리터럴을 사용하여 연결 배열을 만들고 도트 연산자와 배열 액세스 연산자를 사용하여 항목에 액세스한 다음 새 속성을 만들어 키-값 쌍을 새로 추가합니다.

Livedocs 에서 발췌

위와 같이 Object를 이용하여 연결배열(해시)를 만들수 있습니다.
그리고 추가적으로 해당 값의 키(Key)값을 다른 객체로 하기 위해서 ActionScript 3.0에서는 Dictionary 클래스를 제공합니다.

Dictionary 클래스를 사용하면 키 비교에 완전 항등 연산자(===)를 사용하는 동적 속성 컬렉션을 만들 수 있습니다. 객체를 키로 사용하는 경우 객체에 toString()을 호출하여 반환되는 값이 아니라 객체의 ID가 객체를 찾는 데 사용됩니다.

다음 명령문은 Dictionary 객체와 키 객체 사이의 관계를 보여 줍니다.

var dict:Dictionary = new Dictionary(); var obj:Object = new Object(); var key:Object = new Object(); key.toString = function() { return "key" } dict[key] = "Letters"; obj["key"] = "Letters"; dict[key] == "Letters"; // true obj["key"] == "Letters"; // true obj[key] == "Letters"; // true because key == "key" is true because key.toString == "key" dict["key"] == "Letters"; // false because "key" === key is false delete dict[key]; //removes the key

Livedocs 에서 발췌

실제 해당 클래스의 구현 목적대로 사용하여야 오동작을 막을 수 있습니다. 게다가 협업시에 큰 걸림돌이 될 수 도 있습니다.
이 글을 읽으시는 분들은 사용하시는 클래스가 구현된 목적대로 사용하고 계신가요?

좋은 하루 되세요 :-)

ps. 책이 한글판으로 발간된다는 소식은 없는데, 만약 된다면 위의 오류에 대해서는 수정해서 나왔으면 좋겠네요.
ps2. AS 한글문서에는 연관배열이 아닌 연결배열로 번역이 되어있더군요. 정확하게 무엇이 맞는지는 저도 잘 모르겠네요 :)

'Dev > ActionScript' 카테고리의 다른 글

[Flex & Flash] ActionScript 3.0에서 BMP 파일 로드하기 (11)	2009.06.18
[Flex&Flash] useCodePage = true 가 한글 깨짐 방지 코드라고? (26)	2009.03.27
[Flex] with 를 아십니까? (12)	2008.06.09
[Flex] int나 uint보다 Number를 쓰세요! (29)	2008.06.05
[Flex] for문 쓸때 조건문에 유의하자. (23)	2008.05.09

오랫만에 블로그로 인사드립니다. (__)

최근에 BMP 파일을 Flex 에서 읽어다 쓸 일이 생겼습니다.
Flex에서 이미지를 보여주는 컴포넌트인 Image 컴포넌트는 JPEG, PNG, GIF, SWF, SVG 같은 확장자만을 지원하고 BMP은 지원하고 있지 않기 때문에 BMP을 바로 넣을 수는 없습니다.(웹에서 BMP 를 쓰는 무식한 짓을 하면 안되겠죠.. ㅜㅜ 크기도 큰데 말입니다.) JPG 파일이면 Image 컴포넌트에서 바로 읽어다 쓸 수 있을텐데 참 난감합니다.

그럼 방법이 없느냐? 아닙니다.
어떤 멋진 분께서 BMPDecoder 를 만들어놓으셨네요! :) 이미 FlexComponent 카페에서도 공유되었던 내용입니다.

http://ntt.cc/2008/10/01/using-bmpdecoder-class-to-load-an-external-bmp-file-rle-compression-support.html

위의 블로그에 들어가보시면 간단한 사용법에 대해서 나오고 BMPDecoder 라이브러리도 보입니다. 다만 BMPDecoder.as 파일이 다운로드가 안되네요. BMPDecoder.as 파일은 '삶의 향기'라는 블로그에 간단한 예제와 함께 업로드 되어 있으니 다운받아 사용하시면 되겠습니다.

간단하게 FP10 에서 추가된 FileReference의 load() 메소드를 이용해, BMP파일을 불러다 Image 컴포넌트에 넣는 예제를 만들어봤습니다. 예제 구성은 위에서 소개해드린 '삶의 향기' 블로그에 소개된 코드를 이용했습니다.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="{init()}" 
	backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]">
	<mx:Script>
		<![CDATA[
			import mcmall.core.codec.BMPDecoder;
			private var fileRef:FileReference;
			private function init():void
			{
				fileRef = new FileReference();
				fileRef.addEventListener(Event.COMPLETE, completeHandler);
				fileRef.addEventListener(Event.SELECT, selectHandler);
			}
			
			private function bmpLoad():void
			{
				fileRef.browse([new FileFilter("BMP", "*.bmp")]);
			}

private function completeHandler(event:Event):void {
				var byteArray:ByteArray = new ByteArray();
				fileRef.data.readBytes(byteArray);

var bmpDecoder:BMPDecoder = new BMPDecoder();
				var tempBitmap:Bitmap = new Bitmap();
				tempBitmap.bitmapData = bmpDecoder.decode( byteArray ); 
				// byteArray BitmapData 로 디코딩 	
				
				imgBmp.load(tempBitmap);
				imgBmp.width = imgBmp.contentWidth;
				imgBmp.height = imgBmp.contentHeight;            
	        }
	
	        private function selectHandler(event:Event):void {
	            var file:FileReference = FileReference(event.target);
	            file.load();
	        }

]]>
	</mx:Script>
	<mx:VBox height="100%" width="100%" 
		horizontalCenter="0" verticalCenter="0" 
		verticalAlign="middle" horizontalAlign="center" >
		<mx:Image width="101" height="145" id="imgBmp"/>
		<mx:Button label="BMP Load" click="{bmpLoad()}"/>
	</mx:VBox>
</mx:Application>

package mcmall.core.codec { import flash.display.BitmapData; import flash.errors.IOError; import flash.utils.ByteArray; import flash.utils.Endian; public class BMPDecoder { //___________________________________________________________ const private const BITMAP_HEADER_TYPE:String = "BM"; private const BITMAP_FILE_HEADER_SIZE:int = 14; private const BITMAP_CORE_HEADER_SIZE:int = 12; private const BITMAP_INFO_HEADER_SIZE:int = 40; private const COMP_RGB:int = 0; private const COMP_RLE8:int = 1; private const COMP_RLE4:int = 2; private const COMP_BITFIELDS:int = 3; private const BIT1:int = 1; private const BIT4:int = 4; private const BIT8:int = 8; private const BIT16:int = 16; private const BIT24:int = 24; private const BIT32:int = 32; //___________________________________________________________ vars private var bytes:ByteArray; private var palette:Array; private var bd:BitmapData; private var nFileSize:uint; private var nReserved1:uint; private var nReserved2:uint; private var nOffbits:uint; private var nInfoSize:uint; private var nWidth:int; private var nHeight:int; private var nPlains:uint; private var nBitsPerPixel:uint; private var nCompression:uint; private var nSizeImage:uint; private var nXPixPerMeter:int; private var nYPixPerMeter:int; private var nColorUsed:uint; private var nColorImportant:uint; private var nRMask:uint; private var nGMask:uint; private var nBMask:uint; private var nRPos:uint; private var nGPos:uint; private var nBPos:uint; private var nRMax:uint; private var nGMax:uint; private var nBMax:uint; /** * Constructor */ public function BMPDecoder() { nRPos = 0; nGPos = 0; nBPos = 0; } /** * decoder * * @param BMP file ByteArray */ public function decode(data:ByteArray):BitmapData { bytes = data; bytes.endian = Endian.LITTLE_ENDIAN; bytes.position = 0; readFileHeader(); nInfoSize = bytes.readUnsignedInt(); switch (nInfoSize) { case BITMAP_CORE_HEADER_SIZE: readCoreHeader(); break; case BITMAP_INFO_HEADER_SIZE: readInfoHeader(); break; default: readExtendedInfoHeader(); break; } bd = new BitmapData(nWidth, nHeight); switch (nBitsPerPixel) { case BIT1: readColorPalette(); decode1BitBMP(); break; case BIT4: readColorPalette(); if (nCompression == COMP_RLE4) { decode4bitRLE(); } else { decode4BitBMP(); } break; case BIT8: readColorPalette(); if (nCompression == COMP_RLE8) { decode8BitRLE(); } else { decode8BitBMP(); } break; case BIT16: readBitFields(); checkColorMask(); decode16BitBMP(); break; case BIT24: decode24BitBMP(); break; case BIT32: readBitFields(); checkColorMask(); decode32BitBMP(); break; default: throw new VerifyError("invalid bits per pixel : " + nBitsPerPixel); } return bd; } /** * read BITMAP FILE HEADER */ private function readFileHeader():void { var fileHeader:ByteArray = new ByteArray(); fileHeader.endian = Endian.LITTLE_ENDIAN; try { bytes.readBytes(fileHeader, 0, BITMAP_FILE_HEADER_SIZE); if (fileHeader.readUTFBytes(2) != BITMAP_HEADER_TYPE) { throw new VerifyError("invalid bitmap header type"); } nFileSize = fileHeader.readUnsignedInt(); nReserved1 = fileHeader.readUnsignedShort(); nReserved2 = fileHeader.readUnsignedShort(); nOffbits = fileHeader.readUnsignedInt(); } catch (e:IOError) { throw new VerifyError("invalid file header"); } } /** * read BITMAP CORE HEADER */ private function readCoreHeader():void { var coreHeader:ByteArray = new ByteArray(); coreHeader.endian = Endian.LITTLE_ENDIAN; try { bytes.readBytes(coreHeader, 0, BITMAP_CORE_HEADER_SIZE - 4); nWidth = coreHeader.readShort(); nHeight = coreHeader.readShort(); nPlains = coreHeader.readUnsignedShort(); nBitsPerPixel = coreHeader.readUnsignedShort(); } catch (e:IOError) { throw new VerifyError("invalid core header"); } } /** * read BITMAP INFO HEADER */ private function readInfoHeader():void { var infoHeader:ByteArray = new ByteArray(); infoHeader.endian = Endian.LITTLE_ENDIAN; try { bytes.readBytes(infoHeader, 0, BITMAP_INFO_HEADER_SIZE - 4); nWidth = infoHeader.readInt(); nHeight = infoHeader.readInt(); nPlains = infoHeader.readUnsignedShort(); nBitsPerPixel = infoHeader.readUnsignedShort(); nCompression = infoHeader.readUnsignedInt(); nSizeImage = infoHeader.readUnsignedInt(); nXPixPerMeter = infoHeader.readInt(); nYPixPerMeter = infoHeader.readInt(); nColorUsed = infoHeader.readUnsignedInt(); nColorImportant = infoHeader.readUnsignedInt(); } catch (e:IOError) { throw new VerifyError("invalid info header"); } } /** * read the extend info of BITMAP INFO HEADER */ private function readExtendedInfoHeader():void { var infoHeader:ByteArray = new ByteArray(); infoHeader.endian = Endian.LITTLE_ENDIAN; try { bytes.readBytes(infoHeader, 0, nInfoSize - 4); nWidth = infoHeader.readInt(); nHeight = infoHeader.readInt(); nPlains = infoHeader.readUnsignedShort(); nBitsPerPixel = infoHeader.readUnsignedShort(); nCompression = infoHeader.readUnsignedInt(); nSizeImage = infoHeader.readUnsignedInt(); nXPixPerMeter = infoHeader.readInt(); nYPixPerMeter = infoHeader.readInt(); nColorUsed = infoHeader.readUnsignedInt(); nColorImportant = infoHeader.readUnsignedInt(); if (infoHeader.bytesAvailable >= 4) nRMask = infoHeader.readUnsignedInt(); if (infoHeader.bytesAvailable >= 4) nGMask = infoHeader.readUnsignedInt(); if (infoHeader.bytesAvailable >= 4) nBMask = infoHeader.readUnsignedInt(); } catch (e:IOError) { throw new VerifyError("invalid info header"); } } /** * read bitfields */ private function readBitFields():void { if (nCompression == COMP_RGB) { if (nBitsPerPixel == BIT16) { // RGB555 nRMask = 0x00007c00; nGMask = 0x000003e0; nBMask = 0x0000001f; } else { //RGB888; nRMask = 0x00ff0000; nGMask = 0x0000ff00; nBMask = 0x000000ff; } } else if ((nCompression == COMP_BITFIELDS) && (nInfoSize < 52)) { try { nRMask = bytes.readUnsignedInt(); nGMask = bytes.readUnsignedInt(); nBMask = bytes.readUnsignedInt(); } catch (e:IOError) { throw new VerifyError("invalid bit fields"); } } } /** * read color palette */ private function readColorPalette():void { var i:int; var len:int = (nColorUsed > 0) ? nColorUsed : Math.pow(2, nBitsPerPixel); palette = new Array(len); for (i = 0; i < len; ++i) { palette[i] = bytes.readUnsignedInt(); } } /** * decode 1 bit BMP */ private function decode1BitBMP():void { var x:int; var y:int; var i:int; var col:int; var buf:ByteArray = new ByteArray(); var line:int = nWidth / 8; if (line % 4 > 0) { line = ((line / 4 | 0) + 1) * 4; } try { for (y = nHeight - 1; y >= 0; --y) { buf.length = 0; bytes.readBytes(buf, 0, line); for (x = 0; x < nWidth; x += 8) { col = buf.readUnsignedByte(); for (i = 0; i < 8; ++i) { bd.setPixel(x + i, y, palette[col >> (7 - i) & 0x01]); } } } } catch (e:IOError) { throw new VerifyError("invalid image data"); } } /** * decode 4bit RLE */ private function decode4bitRLE():void { var x:int; var y:int; var i:int; var n:int; var col:int; var data:uint; var buf:ByteArray = new ByteArray(); try { for (y = nHeight - 1; y >= 0; --y) { buf.length = 0; while (bytes.bytesAvailable > 0) { n = bytes.readUnsignedByte(); if (n > 0) { // encode data data = bytes.readUnsignedByte(); for (i = 0; i < n / 2; ++i) { buf.writeByte(data); } } else { n = bytes.readUnsignedByte(); if (n > 0) { // abs mode bytes.readBytes(buf, buf.length, n / 2); buf.position += n / 2; if (n / 2 + 1 >> 1 << 1 != n / 2) { bytes.readUnsignedByte(); } } else { // EOL break; } } } buf.position = 0; for (x = 0; x < nWidth; x += 2) { col = buf.readUnsignedByte(); bd.setPixel(x, y, palette[col >> 4]); bd.setPixel(x + 1, y, palette[col & 0x0f]); } } } catch (e:IOError) { throw new VerifyError("invalid image data"); } } /** * decode 4bit (no Compression) */ private function decode4BitBMP():void { var x:int; var y:int; var i:int; var col:int; var buf:ByteArray = new ByteArray(); var line:int = nWidth / 2; if (line % 4 > 0) { line = ((line / 4 | 0) + 1) * 4; } try { for (y = nHeight - 1; y >= 0; --y) { buf.length = 0; bytes.readBytes(buf, 0, line); for (x = 0; x < nWidth; x += 2) { col = buf.readUnsignedByte(); bd.setPixel(x, y, palette[col >> 4]); bd.setPixel(x + 1, y, palette[col & 0x0f]); } } } catch (e:IOError) { throw new VerifyError("invalid image data"); } } /** * decode 8bit( RLE Compression ) */ private function decode8BitRLE():void { var x:int; var y:int; var i:int; var n:int; var col:int; var data:uint; var buf:ByteArray = new ByteArray(); try { for (y = nHeight - 1; y >= 0; --y) { buf.length = 0; while (bytes.bytesAvailable > 0) { n = bytes.readUnsignedByte(); if (n > 0) { // encode data data = bytes.readUnsignedByte(); for (i = 0; i < n; ++i) { buf.writeByte(data); } } else { n = bytes.readUnsignedByte(); if (n > 0) { // abs mode data bytes.readBytes(buf, buf.length, n); buf.position += n; if (n + 1 >> 1 << 1 != n) { bytes.readUnsignedByte(); } } else { // EOL break; } } } buf.position = 0; for (x = 0; x < nWidth; ++x) { bd.setPixel(x, y, palette[buf.readUnsignedByte()]); } } } catch (e:IOError) { throw new VerifyError("invalid image data"); } } /** * decode 8bit(no Compression) */ private function decode8BitBMP():void { var x:int; var y:int; var i:int; var col:int; var buf:ByteArray = new ByteArray(); var line:int = nWidth; if (line % 4 > 0) { line = ((line / 4 | 0) + 1) * 4; } try { for (y = nHeight - 1; y >= 0; --y) { buf.length = 0; bytes.readBytes(buf, 0, line); for (x = 0; x < nWidth; ++x) { bd.setPixel(x, y, palette[buf.readUnsignedByte()]); } } } catch (e:IOError) { throw new VerifyError("invalid image data"); } } /** * decode 16bit */ private function decode16BitBMP():void { var x:int; var y:int; var col:int; try { for (y = nHeight - 1; y >= 0; --y) { for (x = 0; x < nWidth; ++x) { col = bytes.readUnsignedShort(); bd.setPixel(x, y, (((col & nRMask) >> nRPos) * 0xff / nRMax << 16) + (((col & nGMask) >> nGPos) * 0xff / nGMax << 8) + (((col & nBMask) >> nBPos) * 0xff / nBMax << 0)); } } } catch (e:IOError) { throw new VerifyError("invalid image data"); } } /** * decode 24bit BMP */ private function decode24BitBMP():void { var x:int; var y:int; var col:int; var buf:ByteArray = new ByteArray(); var line:int = nWidth * 3; if (line % 4 > 0) { line = ((line / 4 | 0) + 1) * 4; } try { for (y = nHeight - 1; y >= 0; --y) { buf.length = 0; bytes.readBytes(buf, 0, line); for (x = 0; x < nWidth; ++x) { bd.setPixel(x, y, buf.readUnsignedByte() + (buf.readUnsignedByte() << 8) + (buf.readUnsignedByte() << 16)); } } } catch (e:IOError) { throw new VerifyError("invalid image data"); } } /** * decode 32bit BMP */ private function decode32BitBMP():void { var x:int; var y:int; var col:int; try { for (y = nHeight - 1; y >= 0; --y) { for (x = 0; x < nWidth; ++x) { col = bytes.readUnsignedInt(); bd.setPixel(x, y, (((col & nRMask) >> nRPos) * 0xff / nRMax << 16) + (((col & nGMask) >> nGPos) * 0xff / nGMax << 8) + (((col & nBMask) >> nBPos) * 0xff / nBMax << 0)); } } } catch (e:IOError) { throw new VerifyError("invalid image data"); } } /** * check color mask */ private function checkColorMask():void { if ((nRMask & nGMask) | (nGMask & nBMask) | (nBMask & nRMask)) { throw new VerifyError("invalid bit fields"); } while (((nRMask >> nRPos) & 0x00000001) == 0) { nRPos++; } while (((nGMask >> nGPos) & 0x00000001) == 0) { nGPos++; } while (((nBMask >> nBPos) & 0x00000001) == 0) { nBPos++; } nRMax = nRMask >> nRPos; nGMax = nGMask >> nGPos; nBMax = nBMask >> nBPos; } /** * print information */ public function traceInfo():void { trace("---- FILE HEADER ----"); trace("nFileSize: " + nFileSize); trace("nReserved1: " + nReserved1); trace("nReserved2: " + nReserved2); trace("nOffbits: " + nOffbits); trace("---- INFO HEADER ----"); trace("nWidth: " + nWidth); trace("nHeight: " + nHeight); trace("nPlains: " + nPlains); trace("nBitsPerPixel: " + nBitsPerPixel); if (nInfoSize >= 40) { trace("nCompression: " + nCompression); trace("nSizeImage: " + nSizeImage); trace("nXPixPerMeter: " + nXPixPerMeter); trace("nYPixPerMeter: " + nYPixPerMeter); trace("nColorUsed: " + nColorUsed); trace("nColorUsed: " + nColorImportant); } if (nInfoSize >= 52) { trace("nRMask: " + nRMask.toString(2)); trace("nGMask: " + nGMask.toString(2)); trace("nBMask: " + nBMask.toString(2)); } } } }

BMP 파일을 선택하시면 Image 컴포넌트에 깔끔하게 출력되는 것을 보실 수 있습니다.

하지만 다음과 같은 버그가 존재합니다.

170픽셀 16bit BMP

171픽셀 16bit BMP 파일

위의 이미지에서 볼수 있는 것 처럼 BMP을 로드했을 때 이미지가 뒤틀려버리는 버그가 존재합니다.
왜 그럴까 한참을 고민했는데, 저희 팀장님이 힌트를 주시더군요. '윈도우어플에서도 비트맵 크기가 홀수일 경우 이미지가 저렇게 깨진다'고 말이죠. 실제로 테스트해보니 위와 같이 16bit이고 이미지의 너비가 홀수일 경우 위 처럼 이미지가 뒤틀려버리는 버그가 있습니다. (24bit, 32bit에서는 괜찮더군요)

이 버그에 해결책으로 저는 아래와 같이 decode() 메소드에서 이미지 너비를 결정해주는 로직 밑에 너비가 홀수일경우 강제로 1픽셀 늘리는 방법을 사용했습니다. 더 좋은 방법이 있을 것 같은데, 아시는 분은 알려주세요 :)

그럼 좋은 하루되세요!

예제파일 다운로드 :

invalid-file

'Dev > ActionScript' 카테고리의 다른 글

[ActionScript] Array를 왜 Hash로 쓰나요? Object 놔두고. (21)	2009.07.01
[Flex&Flash] useCodePage = true 가 한글 깨짐 방지 코드라고? (26)	2009.03.27
[Flex] with 를 아십니까? (12)	2008.06.09
[Flex] int나 uint보다 Number를 쓰세요! (29)	2008.06.05
[Flex] for문 쓸때 조건문에 유의하자. (23)	2008.05.09

안녕하세요? 검쉰입니다.
Flash Platform 한글문제 공동대응팀 해오름 모임을 무사히 잘 치뤘습니다.

온오프믹스로 103명 참가신청 해주셨고, 그중 80분 정도가 참석해주셨습니다.
토요일에 하는 모임이라 출석률이 저조할 것이라 생각을 했는데, 예상 밖의 많은 참여가 고마웠습니다. ;)

아쉽게 참석을 못하신 분들을 위해 사진으로 나마 행사때의 모습을 전달해드리려고 합니다.

0. 행사 준비중

1. 한글 대응팀 소개 및 기조연설 (이희덕)

2. Flash Platform 게임개발 노하우 (이정웅)

3. FlarToolKit으로 구현하는 증강 현실 (옥상훈)

4. Flash Platform 한글문제 (이희덕)

5. 토론의 장 (대응팀 전원)

6. Flex Skin for Developers (김학영)

7. Creating Visual Experiences with Flex (이준하)

8. Q&A 및 폐회

9. 경품 추첨

행사를 마치고 뒷풀이 하러가기전 단체사진!! 모두들 수고 하셨습니다 ;)

많이 참석해 주셔서 감사드립니다.

넓은 강의실 지원해주신 숭실대학교 측에 감사드리고, (캠퍼스가 참 이쁘더군요. 숭실대에서 특강 한번 해야되는건가요? ^^)
도서 후원해주신 월간 마이크로소프트웨어 및 위키북스 측에 다시 한번 감사드립니다. ;)

다들 좋은 시간이었다고 해주셔서 감사했습니다.

발표자료는 저희 팀 블로그인 http://flashteam.kr/ 로 공유될 예정입니다.

다음에 더 좋은 자리로 좋은 시간 가질 수 있었으면 좋겠네요. :)

'Dev > 행사 이모저모' 카테고리의 다른 글

[후기] 파워플(Powerfl) 킥오프 모임 (2)	2010.04.28
[Flex&Flash] Flash Platform 한글문제 공동대응팀 해오름 모임을 가집니다! (27)	2009.04.01
[Flex] RIA Camp 2nd in Seoul 에 참석하고 왔습니다. (18)	2008.09.30
제 1회 Flex Camp에 다녀왔습니다. ;) (38)	2008.07.13
Flex 3와 AIR 런칭 행사인 Adobe RIA World 2008이 열립니다! (6)	2008.02.28

안녕하세요? 검쉰입니다.

제가 Flex를 처음 접하고, '이거 정말 멋지다!' 라고 생각을 했습니다. 그 뒤로 이어지는 생각은 '이거 한글 입력은 왜 이리 느려?'. 몇 년이 지난 아직도 한글 입력은 느리기만 한데, 언제 수정될지는 아무도 모른다죠. 비 영어권의 설움이라고 할까요? 과학적이고 독창적인 자랑스런 한글을 쓰는게 죄(?)가 되는 이상한 상황.

이런 상황을 헤쳐나가고자 지난 1월 이희덕님의 제안으로 'Flash Platform 한글문제 공동대응팀'이 생겼습니다. (짝짝짝)
그간 오프모임을 진행하면서 팀원간 의견도 나누고, 최근 Flex SDK 3.2 + FP 10 에서의 한글 입력문제가 해결되는 기쁨을 맛보기도 하였습니다.

이제 다른 많은 Flash Platform 개발자 분들과 만나, 한글문제와 개발 노하우를 이야기해보고자 합니다.

＊행사 개요

   날짜 : 2009년 4월 11일 (토)
   장소 : 숭실대학교 벤처관 3층 대강의실
   시간 : 오후 2시 ~ 6시
   주최 : Flash Platform 한글문제 공동대응팀
   주관 : 숭실대학교 글로벌미디어학부
   후원

＊Agenda

   14:00 ~ 14:10 : 학교 시설 사용과 관련된 안내 (이희덕)
   14:10 ~ 14:30 : 한글 대응팀 소개 및 기조연설 (이희덕)
   14:30 ~ 15:00 : Flash Platform 게임개발 노하우 (이정웅)
   15:00 ~ 15:30 : FlarToolKit으로 구현하는 증강 현실 (옥상훈)
   15:30 ~ 16:00 : Flash Platform 한글문제 (이희덕)
   16:00 ~ 16:40 : 토론의 장 (대응팀 전원)
   16:40 ~ 17:20 : 잡부 Flex 개발자를 위한 Flex 스킨 (김학영)
   17:20 ~ 17:50 : Creating Visual Experiences with Flex (이준하)
   17:50 ~ 18:00 : 정리 및 폐회

행사 참석 신청 및 자세한 소개는 온오프믹스 를 통해 신청해주시면 감사하겠습니다. ;)
많은 참석 부탁드립니다 !!!
함께해요~ ㅎㅎ

저작자표시 비영리

'Dev > 행사 이모저모' 카테고리의 다른 글

[후기] 파워플(Powerfl) 킥오프 모임 (2)	2010.04.28
[Flex&Flash] 사진으로 보는 Flash Platform 한글문제 공동대응팀 해오름 모임 (48)	2009.04.12
[Flex] RIA Camp 2nd in Seoul 에 참석하고 왔습니다. (18)	2008.09.30
제 1회 Flex Camp에 다녀왔습니다. ;) (38)	2008.07.13
Flex 3와 AIR 런칭 행사인 Adobe RIA World 2008이 열립니다! (6)	2008.02.28

안녕하세요? 검쉰입니다. 오랫만에 블로그 포스트로 인사드립니다.
그동안 티스토리에서 문제가 되었던 Flash Player 10에서 swf 로드가 안되던 문제가 해결이 되었네요. ;) 기존의 제 포스트들도 정상으로 보이고요. 이사하려다가 그 것또한 귀차니즘에 의해 좌절. ^ㅂ^; 아무튼 다시 오랫만에 글로 인사드려요. ;^)

흔히 자주 쓰시는 Flash로 만든 네비케이터 바 에서 메뉴정보를 외부의 XML 로 받아오는 경우와 같이 외부의 데이터를 읽어오는 과정에서 한글이 깨지는 경험을 한번쯤은 하셨을 겁니다. 이런 경우 커뮤니티에서 검색해보시면 System.useCodePage = true; 를 넣어라. 라는 답변을 많이 볼 수 있습니다. 심지여 이 것을 "한글 깨짐 방지 코드"라고 부르는 경우도 있더군요. 옛 속담에 '선무당이 사람잡는다'라는 이야기가 있습니다. 정확하게 이해하지 못하고 쓰게 되면 뒷일 감당하기 힘들게 되는 법!!. 왜 System.useCodePage = true; 를 넣으면 한글이 안꺠지는지 알아보도록 하겠습니다.

'EUC-KR' 이라고 많이 보셨을 겁니다. 한글을 정의한 캐릭터 셋(charset)입니다. 보통 한글 윈도우에서 제작한 파일은 'EUC-KR' 캐릭터 셋으로 저장되는 경우가 많습니다. 이 때 캐릭터 셋이란 글자들의 집합을 정의한 것이라고 생각하시면 됩니다. (보다 자세한 건 위키백과의 설명을 참조하시길 바랍니다.)
이러한 캐릭터 셋이 다르게 되어 있는 데이터를 읽어오게 되면 한글이 깨지게 되는데요, Flash 내부에서는 유니코드(UTF-8)를 기본으로 사용하기 때문입니다. 'EUC-KR'로 제작된 파일을 'UTF-8'로 읽었으니 당연히 서로 다른 캐릭터 셋을 사용하게 되므로 한글이 깨지게 되는 겁니다. 이러한 경우에 바로 System.useCodePage = true; 를 사용하면 한글이 깨어지지 않는데, 그 이유는 LiveDocs 에도 잘 나와있습니다.

useCodePage

속성

useCodePage:Boolean [읽기/쓰기]

언어 버전:

ActionScript 3.0

런타임 버전:

AIR 1.0, Flash Player 9

Flash Player에서 외부 텍스트 파일을 해석하는 데 사용할 코드 페이지를 지정하는 부울 값입니다. 이 속성을 false로 설정하면 외부 텍스트 파일이 유니코드로 해석됩니다. 이러한 파일은 저장할 때 유니코드로 인코딩되어야 합니다. 이 속성을 true로 설정하면 외부 텍스트 파일이 Flash Player가 실행되는 운영 체제의 일반 코드 페이지로 해석됩니다. useCodePage의 기본값은 false입니다.

flash.display.Loader.load(), flash.net.URLLoader, flash.net.URLStream 또는 XML 클래스를 사용하여 외부 파일로 로드하는 텍스트를 Flash Player에서 유니코드로 인식하려면 이러한 파일을 유니코드로 저장해야 합니다. 외부 파일을 유니코드로 인코딩하려면 Windows 2000의 메모장과 같이 유니코드를 지원하는 응용 프로그램에서 파일을 저장해야 합니다.

유니코드로 인코딩되지 않은 외부 텍스트 파일을 로드하려면 useCodePage를 true로 설정합니다. 이렇게 하려면 데이터를 로드하는 SWF 파일의 첫 번째 프레임에 다음 코드를 첫 코드 행으로 추가합니다.

System.useCodePage = true;

이 코드를 추가하면 외부 텍스트가 Flash Player가 실행되고 있는 운영 체제의 일반 코드 페이지로 해석됩니다. 영문 Windows 운영 체제의 경우 대개 CP1252이고 한국어 운영 체제의 경우 EUC-KR입니다. 만약 useCodePage를 true로 설정하면 Flash Player 6 이상 버전은 Flash Player 5와 같은 방법으로 텍스트를 처리합니다. Flash Player 5에서는 모든 텍스트를 Flash Player 실행 운영 체제의 일반 코드 페이지를 사용하는 것으로 간주하고 처리했습니다.

useCodePage를 true로 설정하는 경우 플레이어가 실행되는 운영 체제의 일반 코드 페이지에 외부 텍스트 파일에 사용되는 문자가 포함되어 있어야 텍스트가 표시됩니다. 예를 들어 중국어 문자가 포함된 외부 텍스트 파일을 로드하는 경우 CP1252 코드 페이지에는 중국어 문자가 없으므로 이 코드 페이지를 사용하는 시스템에서 중국어 문자가 표시되지 않습니다.

모든 플랫폼에서 SWF 파일에 사용된 외부 텍스트 파일을 볼 수 있게 하려면 모든 외부 텍스트 파일을 유니코드로 인코딩하고 useCodePage를 false로 설정된 상태로 두어야 합니다. 이렇게 하면 Flash Player 6 이상에서 텍스트가 유니코드로 해석됩니다.

LiveDocs 에도 나와 있는 것 처럼 useCodePage 를 true로 설정하면 유니코드가 아닌 운영체제의 codepage로 해석이 되는 것이죠. 한글 윈도우의 기본 codePage는 'EUC-KR(51949)' 입니다. 그래서 외부의 'EUC-KR'로 되어있는 문서가 깨지지 않고 읽히게 되는 것입니다.

더 이상의 문제가 없어보입니다만, 실제 그렇지 않습니다. 해당 swf 를 로드하는 사용자가 외국어 OS를 사용하고 있다면 어떨까요? 열심히 만든 어플을 정식으로 런칭했는데, 그걸 외국의 한국인이 본다면???

이론적으로 보면 'EUC-KR'로 되어 있는 문서를 해당 OS의 codePage로 읽게 될텐데, 다른 언어의 OS는 codePage가 설마 'EUC-KR(51949)'일까요?? 위의 livedocs의 설명에도 나와 있듯, 다른 나라의 OS는 한국어 OS와 codePage가 다르다는 군요. (다른 나라 언어의 캐릭터 셋에 대해서 궁금하시다면 여기에서 확인해보시면 되겠습니다.)

실제로 그런지 확인을 위해서 아래와 같은 간단한 swf 파일을 만들어 봤습니다. 소스코드는 다음과 같습니다.
Flex 로 만든 App.

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()" fontSize="12" width="250" height="250">
	<mx:Script>
		<![CDATA[
		private function init():void
		{
			System.useCodePage = true;
		
			var loader:URLLoader = new URLLoader();
			configureListeners(loader);
		
			var request:URLRequest = new URLRequest("./assets/xml/data(euc-kr).xml");
		
			try 
			{
				loader.load(request);
			} 
			catch (error:Error) 
			{
				trace("Unable to load requested document.");
			}
		}
		
		private function configureListeners(dispatcher:IEventDispatcher):void 
		{
			dispatcher.addEventListener(Event.COMPLETE, completeHandler);
			dispatcher.addEventListener(Event.OPEN, openHandler);
			dispatcher.addEventListener(ProgressEvent.PROGRESS, progressHandler);
			dispatcher.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
			dispatcher.addEventListener(HTTPStatusEvent.HTTP_STATUS, httpStatusHandler);
			dispatcher.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
		}
		
		private function completeHandler(event:Event):void {
			var loader:URLLoader = URLLoader(event.target);
			trace("completeHandler: " + loader.data);
			var myXML:XML = new XML(loader.data.toString());
			
			myTextArea.text = myXML.FLEX.DESC[0];
		}
		
		private function openHandler(event:Event):void {
			trace("openHandler: " + event);
		}
		
		private function progressHandler(event:ProgressEvent):void {
			trace("progressHandler loaded:" + event.bytesLoaded + " total: " + event.bytesTotal);
		}
		
		private function securityErrorHandler(event:SecurityErrorEvent):void {
			trace("securityErrorHandler: " + event);
		}
		
		private function httpStatusHandler(event:HTTPStatusEvent):void {
			trace("httpStatusHandler: " + event);
		}
		
		private function ioErrorHandler(event:IOErrorEvent):void {
			trace("ioErrorHandler: " + event);	
		}
		]]>
	</mx:Script>
	<mx:TextArea id="myTextArea" right="10" left="10" top="38" bottom="10"/>
	<mx:Label text="System.useCodePage = true;" top="10" left="10"/>
</mx:Application>

로드한 XML 파일

동일한 XML 파일을 'UTF-8', 'EUC-KR'로 각각 저장해서 useCodePage를 각각 false, true 로 설정해 영어, 일어 Windows 에서 IE로 읽어봤습니다.
클릭하셔서 확인해보세요.

Windows XP 영문판에서 swf 로드

Windows XP 일어판에서 swf 로드

UTF-8로 되어있는 파일은 어떤 OS든지 간에 잘 로드가 되고 있고, 'EUC-KR'로 되어있는 것을 System.useCodePage = true; 로 설정한 것은 한글이 여지없이 깨져보이는 것을 확인 할 수 있습니다. 외국에 서비스 할 생각이 없는 어플이라 하더라도, 기본적으로 'UTF-8'로 파일들을 저장해 놓으시면 한글문제를 잘 피해가실 수 있다고 생각합니다. 단순이 파일만이 아니라, HTTPService로 load 하는 데이터 또한 'UTF-8' 로 제작되어야 하겠죠?

하지만 할 수 없이 'EUC-KR'을 사용해야 할 때가 있습니다.네이버 카페의 경우 'EUC-KR'로 되어 있는데요, 이 것 때문에 useCodePage를 true로 설정할 수 는 없는 것 아니겠습니까? 이런 고민을 제가 존경하는 원강민님께서 블로그에 이미 포스팅 하신 적이 있습니다.
System.useCodePage 대신 이렇게.. 이 포스트를 참고 하시면 좋겠습니다.

간만에 글을 썼더니 꽤나 길어졌네요 :-) 다들 좋은 주말 되시길!

저작자표시 비영리 변경금지

'Dev > ActionScript' 카테고리의 다른 글

[ActionScript] Array를 왜 Hash로 쓰나요? Object 놔두고. (21)	2009.07.01
[Flex & Flash] ActionScript 3.0에서 BMP 파일 로드하기 (11)	2009.06.18
[Flex] with 를 아십니까? (12)	2008.06.09
[Flex] int나 uint보다 Number를 쓰세요! (29)	2008.06.05
[Flex] for문 쓸때 조건문에 유의하자. (23)	2008.05.09

본 포스트는 Adobe Flex 공식사이트에서 진행하는 8월 RIA EVENT - 기술문서 리뷰 이벤트, Flash편 에 응모하기 위하여 작성 된 글입니다.

제가 리뷰하려고 하는 기술문서는 오창훈님께서 작성하신 'Flex와 Flash간의 파라미터 주고 받기' 라는 제목의 기술문서입니다. (이 글을 읽지 않으신 분께서는 링크를 클릭하셔서 우선 기술문서를 읽으신 후 제 포스트를 읽으시면 도움이 되실 것이라 생각됩니다. ) 위 기술문서에서는 swf 파일끼리의 파라미터의 전달에 대해서 다루고 있습니다. 크게 2가지 관점에서 이야기를 전개하고 있는데요, 해당 그림을 인용하자면 아래와 같습니다.

1. swf에서 다른 swf파일을 로드하는 경우

2. 서로 다른 영역에서 파라미터를 공유해야 하는 경우

위의 문서에는 '1. swf에서 다른 swf파일을 로드하는 경우' 에서

url 을 통한 데이터 전달 (파라미터)
ApplicationDomain

'2. 서로 다른 영역에서 파라미터를 공유해야 하는 경우' 에서는

ExternalInterface를 이용하는 방법
LocalConnection을 이용하는 방법

들을 알아보고 있습니다. 이미 완성된 기술문서인만큼 서로간의 파라미터 주고 받기에 대해서는 더할나위 없이 탄탄한 내용이라 할 수 있겠습니다. 처음의 예를 들어주신 URL 뒤에 파라미터를 넣는 방법은 아주 유용한 방법입니다. swf 의 상호간의 파라미터전달 뿐만이 아니라 저 같은 경우에는 WebService나 HTTPService를 사용하는 Flex 어플에서 접속해야 할 서버주소를 파라미터를 통해서 지정하는 방법을 주로 쓰고 있습니다. 이 때 장점은 코드 내에 서버접속 주소를 하드코딩하지 않아도 된다는 장점이 있죠.

이 리뷰를 쓰게된 이유는 기술문서에서 언급하고 있지는 않지만 Flex에서 swf 파일을 로드한 경우 간편하게 swf에 접근할 수 있는 방법이 있기에 그 것을 언급하기 위함입니다. (물론 물질에 눈이 멀어서라는 이유도...) Flex에서 swf 를 SWFLoader를 통해 로드시, 해당 swf 가 ActionScript 3.0 으로 제작된 것이면 간편하게 SWFLoader 객체의 content 속성을 통해서 Flash 의 경우 MovieClip, Flex 의 경우 SystemManager 형태로 접근이 가능합니다.

Flash와 Flex 두 경우 모두 소개해보고자 합니다. 로드되는 swf 파일들은 동일하게 아래와 같이 간단하게 메소드를 제공하고 있습니다.

위의 코드에서 보이시는 myImage 라는 것은 Flex 의 경우 Image 객체, Flash 의 경우 MovieClip의 인스턴스명입니다. iconVisual 라는 속성을 통해 현재 myImage 가 visible 상태를 제어할 수 있게 됩니다. 위의 swf 를 로드하는 예제코드는 아래와 같습니다.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" height="450" width="750" 
	backgroundAlpha="0.0" fontSize="12" viewSourceURL="srcview/index.html">
	<mx:Script>
		<![CDATA[
			import mx.managers.SystemManager;
			import mx.core.MovieClipLoaderAsset;
			import flash.utils.describeType;
			
			private function flexHandler():void
			{
				var s:SystemManager = SystemManager(loader1.content);
				var swf:child_Flex_swf = child_Flex_swf(s.application);
				swf.iconVisual = !swf.iconVisual;
			}
			
			private function flashHandler():void
			{
				var m:MovieClip = MovieClip(loader2.content);
				m.iconVisual = !m.iconVisual;
			}
		]]>
	</mx:Script>
	
	<mx:Panel width="330" height="380" layout="absolute" title="Flex (AS 3.0) SWF" 
		titleIcon="@Embed('assets/fxicon.png')">
		<mx:SWFLoader width="300" height="300" id="loader1" 
			source="swfFiles/child_Flex_swf.swf" 
			scaleContent="true" horizontalCenter="0" verticalCenter="0"/>
		<mx:ControlBar horizontalAlign="right" height="40" y="300">
			<mx:Button label="visible 변경" click="{flexHandler()}"/>
		</mx:ControlBar>
	</mx:Panel>
	
	
	<mx:Panel width="330" height="380" layout="absolute" title="Flash (AS 3.0) SWF"  
		titleIcon="@Embed('assets/flicon.png')">
		<mx:SWFLoader width="300" height="300" id="loader2" 
			source="swfFiles/child_flash_swf_as3.swf" 
			scaleContent="true" horizontalCenter="0" verticalCenter="0"/>
		<mx:ControlBar height="40" horizontalAlign="right">
			<mx:Button label="visible 변경" click="{flashHandler()}"/>
		</mx:ControlBar>
	</mx:Panel>
	
</mx:Application>

실제 결과물을 보시려면 이미지를 클릭하여주세요.
swf 경로명 관련, 티스토리에 직접 업로드가 힘들어 링크를 걸었습니다.

위의 코드에서 보실 수 있 듯, Flex 에서 만든 swf 는 SystemManager 로 접근하게 되어 SystemManager 의 application을 불러온 swf 명으로 캐스팅 하여 해당 메소드에 접근하시면 되겠습니다. Flash 의 경우는 MovieClip 형태로 들어오게 됩니다. 직접 메소드를 호출하셔도 됩니다.
물론 메소드를 호출하고 있는 예제입니다만, 각 객체들을 직접 접근하시는 것도 가능합니다. 다만, 다른 개발자와 협업이 이루어져야 된다면 특정 메소드를 구현하기로 사전에 정해놓고 그대로 사용하는게 더욱 좋겠죠? ;)
여기서 살짝 짚고 넘어가야 되는 부분은 swf가 SWFLoader에 embed 되어있는 경우는 위의 방법대로는 사용이 안된다는 것입니다. (코드를 확인해보세요. embed 안되어있죠?) embed 시에는 MovieClipLoaderAsset 형태로 들어있기때문에 위의 방법으로 접근이 불가합니다. embed시에는 어떻게 해야되는지는 잘 모르겠네요 ;^(

안타깝게도 AS2.0 으로 제작된 swf 또한 위와 같은 방법으로 접근이 불가합니다. AS 3.0 부터는 기존의 AS1.0 및 AS2.0에서 사용되던 AVM(Actionscript Virtual Machine) 과는 다른 AVM 을 사용하고 있습니다. 이전버전의 AVM을 AVM1, AS3.0 이 실행되는 AVM은 AVM2 이라고 명명합니다. (물론 Flash Player 9 버전 이후부터는 AVM1, AVM2 가 둘다 포함되어 있습니다.) AS 1.0 이나 AS 2.0으로 제작된 swf 파일의 경우 Flex(AS 3.0) 에서 로드될 경우 AVM1Movie이라는 이름의 객체로 할당이 되게 되는데요, AVM1Movie 객체와 AVM2 객체 간에 호환성(메서드 호출 또는 매개 변수 사용 등)이 없기때문에, 접근이 불가한 것이죠.
이럴때에 기술문서에서 설명하여주신 LocalConnection을 사용하시면 되겠습니다. LocalConnection에 대해서는 기술문서에 충분히 자세히 설명하고 있으니 더 이상 언급은 하지 않겠습니다. ;)
또 다른 방법도 있는데요, Flash Interface라는 것이 있습니다. 저도 검색하여 찾은 것이라 자세한 내용은 패스~^^;

ps. 코드가 필요하신 분은 위의 swf 에서 마우스 우클릭하셔서 View Source 하시면 다운로드 하실 수 있습니다 ;^)

'Dev > Flex' 카테고리의 다른 글

[Flex] 캐리지리턴(\r)의 처리 (22)	2008.12.03
[Flex] new 키워드는 비싸니까 피하자! (37)	2008.09.28
[Flex] MXML은 어떻게 AS로 변환되는가? (Event Handler 에 파라미터 넣기) (9)	2008.08.07
[Flex] TitleWindow를 이용한 팝업(Popup)에 대한 간단한 설명과 Tip (28)	2008.07.30
[Flex] ArrayCollection 에 대한 이해 (36)	2008.07.10

'Dev > ActionScript' 카테고리의 다른 글

'Dev > ActionScript' 카테고리의 다른 글

'Dev > 행사 이모저모' 카테고리의 다른 글

'Dev > 행사 이모저모' 카테고리의 다른 글

'Dev > ActionScript' 카테고리의 다른 글

'Dev > Flex' 카테고리의 다른 글

티스토리툴바