Flash 기술 문서
플래시 개발자를 위한 플렉스 사용법
목차
Hello Flex 예제 작성과 컴파일
플렉스 SDK에 대한 설치를 완료했으므로 프로그래밍 언어의 대표적인 샘플인 Hello World 프로그램을 제작해 보겠습니다. 플렉스를 사용하고 있으므로 MXML을 이용하여 Hello Flex!를 화면에 출력해보겠습니다.
우선 텍스트 에디터로 다음과 같은 파일을 작성하여 HelloFlex.mxml로 저장합니다.
HelloFlex.mxml 파일
<?xml version="1.0" encoding="utf-8"?>
<mx:Application width="100%" height="100%" xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:TextArea x="10" y="10" width="360" height="310" id="ta" text="Hello Flex!" />
</mx:Application>
MXML 문법이 어떤 역할을 하는지는 지금 시점에서 중요한 내용이 아닙니다. 우리가 살펴보고자 하는 목표는 플렉스 SDK로 SWF를 생성하는 것이며 MXML에 대한 자세한 내용은 플렉스 개발 문서*를 참고하십시오.
드래그&드랍으로 컴파일 하기
MXML 파일을 작성한 다음 SWF 파일을 생성하기 위해서는 mxmlc.exe 파일을 사용해야 합니다. 우선 파일 탐색 창을 두 개 띄우고 하나는 HelloFlex.mxml 파일이 있는 폴더, 다른 하나는 플렉스 SDK가 설치된 폴더 하단의 bin 폴더가 나타나도록 합니다. 그리고 [그림 3]과 같이 HelloFlex.mxml 파일을 드래그 하여 mxmlc.exe 파일 위로 떨어뜨리면 HelloFlex.mxml 파일이 위치한 폴더에 HelloFlex.swf 파일이 생성됩니다. 이렇게 하면 MXML 파일을 SWF로 컴파일 할 수 있습니다.
그림 3. MXML 컴파일
Mxmlc.exe 파일을 실행할 때, msvcr71.dll 또는 msvcp71.dll 파일이 없다는 경고창이 뜨는 경우가 있는데, 이때는 해당 파일을 구해서 window가 설치된 하위 폴더 system32에 복사해 넣으시기 바랍니다. 마이크로소프트의 닷넷 프레임웍을 사용하는 프로그램 중 런타임 환경에 필요한 파일이며 OS에 따라 미설치된 경우가 있다고 합니다.
커맨드 라인에서의 컴파일
드래그&드랍을 이용하는 것도 편리하지만 커맨드라인을 사용하면 보다 상세한 옵션을 사용할 수 있습니다.
커맨드라인에서 mxmlc.exe를 실행하려면 시스템 환경변수에 플렉스 SDK가 설치된 위치를 지정해야 합니다. 윈도우의 바탕화면에서 ‘내 컴퓨터’ 아이콘을 찾고 마우스 오른쪽 버튼을 눌러 [속성]을 선택합니다. 시스템 등록정보 창이 나타나면 [고급] 탭을 선택하고 제일 하단의 [환경변수] 버튼을 클릭합니다. 하단의 시스템 변수 설정에서 Path 변수를 찾아 [편집] 버튼을 누릅니다. 그리고 플렉스가 설치된 폴더의 bin 폴더를 추가합니다. 예를 들어 플렉스가 설치된 폴더가 D:\flex_sdk2이고 기존에 설정된 값이 %SystemRoot%\system32;라면 새로운 값은 D:\flex_sdk2\bin;%SystemRoot%\system32; 변수 값을 설정합니다. 변수 값의 폴더 구분은 세미콜론(;)이며 앞쪽 또는 뒤쪽에 추가할 수 있습니다.
그림 4. 시스템 환경 변수 설정
주의: 기존에 Path 변수에 설정된 값을 삭제해서는 안됩니다. 삭제시 윈도우가 오동작을 일으킬 수도 있습니다.
커맨드라인을 실행하려면 윈도우의 [시작]버튼을 누르고 [실행]을 선택하여 열기 창에 cmd 라고 입력합니다. 컴맨드라인 창이 실행되면 HelloFlex.mxml 이 있는 폴더로 이동하고 다음과 같이 입력한 후 엔터키를 누릅니다.
mxmlc HelloFlex.mxml
화면이 잠시 멈추고 HelloFlex.swf 파일이 생성되었다는 메시지가 나타나면 컴파일이 완료된 것입니다.
그림 5. 커맨드라인을 사용한 컴파일
커맨드라인을 활용하면 SWF를 생성하는데 옵션을 지정할 수 있습니다. 예를 들어 기본 스테이지 사이즈는 550×400인데, 이것을 다음과 같이 800×600 사이즈로 제작할 수 있습니다.
mxmlc –default-size 800 600 HelloFlex.mxml
컴파일에 대한 상세한 옵션은 플렉스 LiveDocs을 참고하시기 바라며 옵션값은 마이너스 기호(-)를 앞에다 기입한후 사용해야 합니다. LiveDocs에 명시된 옵션은 default-size와 같이 마이너스 기호가 포함되어있지 않습니다.
http://livedocs.adobe.com/flex/201/html/compilers_123_24.html
