본문 바로가기

IT/Flex

제5회 Flex의 체제, Cairngorm로 검색 어플리케이션 작성 출처 : http://2005elc.elancer.co.kr/eTimes/page/eTimes_view.html?str=c2VsdW5vPTU0NzU= 1. BusinessDelegate의 작성 2007/01/31 전회(Flex의 체제, Cairngorm로 샘플 어플리 )에서는 실제로 Cairngorm Framework를 사용하여 애플리케이션 서버의 검색·등록·갱신·삭제를 실시하는 간단한 샘플 애플리케이션을 중간정도 작성했습니다. 최종회가 되는 이번 회에는 샘플 애플리케이션의 나머지의 부분(서버 사이드 제휴 부분)을 작성하여 샘플 애플리케이션을 완성시키도록 하겠습니다. ■BusinessDelegate의 작성 그러면, 서버 사이드 제휴 부분을 작성해보도록 하겠습니다. 우선, BusinessDelegate을 .. 더보기
제4회 Flex의 체제, Cairngorm로 샘플 어플리케이션 작성 출처 : http://2005elc.elancer.co.kr/eTimes/page/eTimes_view.html?str=c2VsdW5vPTUwNjA= 1. 프로젝트의 작성(1) 2007/01/10 ■프로젝트의 작성 전회(Flex의 체제, Cairngorm의 아키텍쳐 )에서는 Cairngorm Framework에 부속되어 있는 로그인 샘플을 구성하는 클래스를 보면서 체제의 아키텍쳐에 대하여 이야기하였습니다. 이번 회부터 2회에 걸쳐서 실제로 Cairngorm Framework를 사용하여 웹 애플리케이션 서버의 검색/등록/갱신/삭제를 실시하는 간단한 샘플 어플리를 작성하고자 합니다. 이번 회에는 전편으로서 서버 측에 제휴할 때까지의 부분(View~Command)을 작성할 것입니다. 우선, 처음에 샘플 애플리.. 더보기
제3회 Flex의 체제, Cairngorm의 아키텍쳐 출처 : http://2005elc.elancer.co.kr/eTimes/page/eTimes_view.html?str=c2VsdW5vPTQ4MDQ= 1. 아키텍쳐의 전체상 2006/12/22 ■아키텍쳐의 전체상 우선 먼저 Cairngorm Framework의 아키텍쳐의 전체상을 설명하도록 하겠습니다. 아래의 그림을 보도록 합시다. 이것은 Cairngorm Framework의 처리의 흐름을 나타낸 대략적인 그림입니다. 그림의 번호에 따라서 흐름을 설명하도록 하겠습니다. 그림 1 Cairngorm Framework의 아키텍쳐 View(MXML)는 “버튼이 클릭된” “데이터 그리드의 선택행이 바뀌었다” 등의 이벤트 발생에 근거하여 ViewHelper의 메소드를 호출한다 ViewHelper는 ValueObje.. 더보기
제2회 Flex의 체제, Cairngorm를 사용해 보자 출처 : http://2005elc.elancer.co.kr/eTimes/page/eTimes_view.html?str=c2VsdW5vPTQ1MjE= 1. Flex의 인스톨 2006/12/12 ■Flex의 인스톨 우선 가장 먼저 Flex를 인스톨합니다. Flex는 J2EE(Java EE) 애플리케이션 서버 상에서 동작하기 때문에 동작시키려면 JDK와 애플리케이션 서버가 필요합니다. 여기에서는 이러한 인스톨도 함께 실시하도록 하겠습니다. Flex는 최신 버젼 2.0을 사용하고 싶지만 아직 베타판 릴리스이기 때문에 이번에는 정식 릴리스가 되어 있는 버젼 1.5를 사용하도록 하겠습니다. Flex 1.5는 JDK 5.0에는 대응하고 있기 때문에 JDK는 1.4계를, 애플리케이션 서버는 Apache Tomcat의.. 더보기
제1회 개발 품질을 균일화시키는 Cairngorm Framework 출처 : http://2005elc.elancer.co.kr/eTimes/page/eTimes_view.html?str=c2VsdW5vPTQyOTI= 1. Cairngorm Framework란 무엇인가 2006/11/28 ■프레임워크인 Flex에 프레임워크를 추가할 필요가 없다는 오해 Cairngorm Framework란 Macromedia Flex(이하, Flex)를 사용한 애플리케이션에서의 클라이언트 측의 프레임워크입니다. Flex는 presentation layer만을 대상으로 하는 제품이기 때문에 Flex 애플리케이션을 개발할 때 비즈니스 층에 Spring나 Seasar 등의 프레임워크를 적용하는 경우도 많을 것이라 생각합니다. 또, Flex와 같은 presentation layer의 프레임워크인.. 더보기
Flex Component간 종속성을 없애보자. (Event 를 사용하자) 출처 : http://blog.jidolstar.com/88 Flex로 컴포넌트(Component)구성시 Event를 사용하면 컴포넌트간에 종속성을 피할 수 있다. 1. 컴포넌트간 종속성??? 여기서 종속성이라는 것이 어려운 개념이라고 생각하는 분들도 있을 수 있겠다. 종속성이라는 것을 뭐라고 표현하면 좋을까? 가령, 종속성은 어린자식을 둔 부모와 그 자식간에 관계라고 표현할 수 있다. 자식과 부모는 서로 떨어지기 힘든 사이이다. 한쪽이 병들거나 힘들게 되면 덩달아 힘들어진다. 이처럼 프로그램 세계에서도 이런 경우가 많이 생긴다. (너무 비약적인 예이긴 했지만 ㅡㅡ;) 2개의 함수를 만들었을때 한쪽 함수가 다른 함수를 호출하는 경우 만약 호출을 당한 함수가 수정되면 호출한 함수도 수정할 경우가 생긴다. .. 더보기
Flex, TileList or HorizontalList 전체선택, 전체해제 // 모두 선택 해제 private function clickUnselectAll(obj:Object):void { var arrAll:Array = new Array(); obj.selectedIndices = arrAll; } // 모두 선택 private function clickSelectAll(obj:Object):void { var arrAll:Array = new Array(); var totalCount:int = obj.dataProvider.length; for (var i:int = 0; i < totalCount; ++i) { arrAll[i] = i; } obj.selectedIndices = arrAll; } 뭐 그닥 어려운건 아니지만 -_ ; selectedIndices 프로퍼.. 더보기
Flex Alert 창 팁 import mx.controls.Alert; import mx.events.CloseEvent; // show alert private function clickButton():void { Alert.yesLabel = "예", Alert.noLabel = "아니오"; Alert.show("예 아니오 냐는?", "", Alert.YES|Alert.NO, this, buttonAlertListener, null); } // alert listener private function buttonAlertListener(evt:CloseEvent):void { if ( evt.detail == Alert.YES ) { Alert.okLabel = "예"; Alert.show("예 선택했다는"); } else .. 더보기
플렉스 파이어폭스에서의 한글 입력 안되는 문제 Flex로 개발한 것이 유독 파이어폭스에서 한글 입력이 안되는 문제가 발생 삽질 끝에 투명으로 띄우려고 언젠가 추가한 wmode = transparent 요놈이 문제였습니다 -_ ; ㅁ나ㅣㅓㄹㄷ;ㅑㅓㄹ;미ㅑ더ㅗㅜㄹㅋㅌ;ㅏㅓ리;텅래쟈보ㅓㄷ거;ㄴ;ㅣ마얼 크로스 브라우징의 길은 멀고도 험함 더보기