엔터프라이즈급 플렉스 프로젝트를 위해서 모듈화는 필수적이다.

모듈을 이용하면 Main Application 모든 기능이 포함되는 것이 아니라

Main Application은 각각의 모듈을 제어하고 통신하는 역할만 담당하기 때문에

최초 실행될때, 빠른 속도록 로딩이 가능하며, 필요한 모듈만 로드해서 사용하므로 메모리를 절약할 수 있다.

하지만 모듈 프로그래밍은 튼튼한 기반 설계가 중요하다.

그렇지 않으면 상당히 프로그램 자체의 효율성이 떨어지고 쓰나마나한 결과를 초래할 수 있다.

적당하게 모듈화를 시켜 최대의 효과를 발휘할 수 있도록 설계하는 것이 바로 모듈화의 핵심이겠다.

Flex에서는 이런 모듈화를 위한 기본기능을 제공하고 있다.

Flex 3에서는 아주 쉽게 모듈을 만들어 제작할 수 있으며 테스트도 가능하겠다.

문서 : Creating modular Applications

샘플 : modules_examples.zip

한가지 예제를 보이겠다.

1개의 Main Application에서 3개의 Module을 로드하는 프로그램이다.

1. Flex Project를 생성한다.

Flex 3 Builder의 메뉴에서 File > New... > Flex Project를 선택하면 다음 창이 나온다.

여기에 Project 이름으로 ModuleTest로 했다. 그 다음 Finish버튼을 누른다.

2. 샘플 프로그램 복사

위에서 제공한 샘플 프로그램 압축 파일을 풀면 아래와 같은 프로그램들이 있는데 아래와 같이 선택된 프로그램만 복사하고 바로 생성한 Project의 src 폴더에 복사한다.

3. 모듈 추가

복사한 소스에서 insurancemodules폴더안에 mxml 파일이 3개가 있다. 소스내용을 보면 알겠지만 태그를 사용한 것을 볼 수 있다. 즉, 이 3개의 소스는 모듈이다. Flex Complier가 모듈이라는 것을 알고 자동으로 컴파일해주기 위해 Flex Bulider에서는 해당 프로젝트에 있는 .actionScriptProperties 파일에 module을 추가할 필요가 있다. 직접 파일을 수정해도 되지만 Flex Builder에서는 이러한 설정을 쉽게 할 수 있도록 제공한다.

메뉴에서 Project > Properties를 선택하면 아래와 같은 창이 나오는데...

여기서 왼편에 Flex Modules를 선택하고 해당 3개의 모듈을 등록후 OK를 하면 된다.

Module등록을 하면 아래 그림과 같이 3개의 mxml 파일에 파란색 마크가 붙어 이것이 모듈이라는 것을 가시적으로 확인시켜주며, 컴파일러는 이 모듈을 따로 컴파일하여 각각 3개의 swf파일을 생성해준다. 이 swf파일은 직접 실행되는 것이 아니라 Main Application에서 필요할 때 동적으로 로드해서 사용하게 된다.

4. Main Application 설정

이 부분은 생략해도 되나, 실행할 때마다 해당 Application을 선택하는 번거로움을 없애기 위한 것이다. 모듈 설정때와 동일한 방법으로 Flex Builder의 메뉴에 Project > Properties를 선택한 다음 좌측에 Flex Applications를 선택한다. 그리고 아래와 같이 EventApp.mxml을 Add한다음 Set as Default 버튼을 이용하 default로 고정시켜준다. 이렇게 하면 실행할 때 기본적으로 MoudleText.mxml이  Main Application이 아니라 EventApp.mxml이 Main이 되어 실행된다.

아래는 실행된 화면 모습이다.

테스트는 아래 링크에서 해볼 수 있겠다.
프로그램 실행 후 오른쪽 마우스 버튼을 누르면 소스를 볼 수 있고 다운로드도 받을 수 있겠다.

http://blog.jidolstar.com/web_example/307/

문서 및 소스 출처 : http://blogs.adobe.com/flexdoc/modules/

글쓴이 : 지돌스타(http://blog.jidolstar.com/307 )