Tech/Flex 10

7 MXML로 컴포넌트 만들기

프로그램을 작은단위로 그룹화하여 재사용가능하도록 만들자. Class Component Framework 방법론 OOP CBD (EJB…) Framework 방법론 컴퓨터조립 ex) CPU,쿨러,기판, 콘덴서,다이오드, 납, GPU, 메모리칩,전선,나사 메인보드, 그래픽카드, 랜카드, 메모리모듈램, 케이스,파워서플라이, 키보드, 마우스, (나사) 베어본PC + CPI, 그래픽카드,메모리모듈램 조립속도 느림 중급 초급 안정성 낮음 낮음 가장 낮음 MXML 컴포넌트 소개 Update/Delete Product 컴포넌트 만들기와 인스턴스화하기 수정과 삭제 버튼을 클릭할 때 제품 정보 팝업하기 다른 Value Object 만들기 모두 3개의 애플리케이션을 위한 데이터 관리 컴포넌트 만들기 새로운 데이터 관리 컴포..

Tech/Flex 2009.04.06

6 컨트롤에서 리모트 XML 데이터 사용하기

HTTPSevice 클래스를 통해 원격웹서버에 Request를 던지고 응답된 xml 데이터를 (Flex내에서 다루기 쉽도록) ArrayCollection, xmlListCollection을 사용하여 보관하고 Data Provider (콤보, 리스트 컨트롤,Tree컨트롤 …)에 연결하여 출력 HTTPService에서 XML 데이터 검색하기 객체생성 1. --------------------- HTTPService 데이터를 ArrayCollection으로 채우기 배열보다는 ArrayCollection사용 – 장점 : sorting filtering 각각xml에 태그에 대해 객체를 만든다. units:ArrayCollection; private function unitRPCResult(event:ResultE..

Tech/Flex 2009.03.13

5 이벤트 핸들링과 데이터 구조

이벤트 핸들링 이해하기 사용자의 마우스 클릭/텍스트 입력-----> OS ---> Flash player ---> 객체 ---> 이벤트처리를위한 Methods호출 방법1. 직접 Click에 ActionScript으로 넣기 --->> 방법2. Funtion에 ActionSctip을 담고, 그 Function을 호출 -->> 방법3. 이벤트를 인수로 받고 작업을 정의하고 , 객체에 이벤트와 이벤트처리함수를 등록 (개발자와 디자인 분리) myButton.addEventListener(MouseEvent.CLICK,clickHandler); } private function clickHandler(event:MouseEvent):void{ myLabel.text="okok"; } ]]> creationCompl..

Tech/Flex 2009.03.12

4. 컨트롤 사용하기

Control 컨트롤의 클래스 라이브러리 ---(MXML or ActionScript 통한 인트턴스화)---> API 이미지 나타내기 * 컴파일시 이미지를 SWF로 변환 --> 데이터 바인딩 {} (간단한 컨트롤에서 데이터 구조를 링크하기 위해서) http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="lbl1.text='caption1'; lbl2.text='caption2';"> [Bindable]public var caption1:String = "Caption1"; public var caption2:String = "Caption2"; ]]> 레이블객체(Label1)와 변수값(caption1)을 연결하고 싶을때 Source값이 바..

Tech/Flex 2009.03.11

3. Flex - Interface Layout

Container => Layout 모든 레이아웃은 컨테이너를 통해서 만들어진다. (각각의 애플리케이션은 태그를 가지고 있는데 이것이 바로 컨테이너이다.) Container 종류들 Application: 레이아웃 속성에서 VBox,HBox,Canvas의 컨테이너 역할. VBox :자식들이 수직 방향으로 정렬된다.위에서 아래로. HBox :자식들이 수평 방향으로 정렬된다. 왼쪽에서 오른쪽으로 . Canvas: 개발자가 지정한 x,y좌표에 렌더링된다.디폴트는 좌측 상단(0,0) . Tile : 필요에 의해 새로운 행과 열을 추가하여 자식들을 하나 이상의 행과열을 레이아웃해준다. 셀은 같은 사이즈를 가지며 정사각의 그리드 안에서 정렬을 해준다. 각각의 셀은 하나의 자식을 갖고 direction 속성으로 레이아..

Tech/Flex 2009.03.03

Flex 설치

Flex Builder 3설치 설치 파일 다운로드 www.adobe.com > Products > Flex Try Flex Builder 3 설치 Adobe Flash Player 9은 설치하지 않는다. 1. 설치된 기존 Flash Player Uninstall 2. 개발자는 디버그를 위해 디버그 버젼 설치 www.adobe.com > Support > Support home > Adobe Flash player > Additional Downloads Adobe Flash Player 10 — Debugger Versions Download the Windows Flash Player 10 ActiveX control content debugger (for IE) (EXE, 2.03 MB) Downlo..

Tech/Flex 2008.07.11

Flex

MXML UI를 만들기 위한 (XML기반의) Markup 언어 ((–> HTML 과의 비교)) ◆ 유사점 HTML이 웹에서 보이는 화면을 태그로 표현하는 마크업 언어 라면, MXML은 어떤 컴포넌트를 어떻게 보이도록 할 것인가를 기술하는 마크업 언어 (HTML처럼 각 컴포넌트의 속성을 지정함으로써 화면을 표현가능) 컴포넌트들은 컨테이너에 담겨 있는 컨트롤 ◆ 차이점 HTML은 지정된 태그만 가능하나 MXML은 커스텀 컴포넌트도 표현할 수 있다. HTML은 브라우저 화면에 나타날 것만을 기술하지만 MXML은 추가로 데이터와 연동하는 부분도 기술한다. Tag선언 방식으로 객체생성 ex. DataGrid, Tree, Tab, Navigator, According, Menu. Chart…… ActionScrip..

Tech/Flex 2008.07.10

RIA (Rich Internet Application) = UX (User Experience)

Application Architecture 전제조건 1. 실행코드, 컨텐츠, 통신에서 고성능 제공 --> 페이지 기반 Architecture에서 탈피 2. Clent/Server간 상호작용 및 확장 용이 --> XML을 이용한 데이터교환 3. Server측과 투명한 분리제공 --> 웹서비스 및 RPC기술을 사용하여 요청 및 응답 데이터 교환 4. Offline일때도 사용가능 --> 기존의 데스크탑 Application처럼 동작 (Air) 장점 1. 현업 (Biz manager) 소프트웨어 사용이 쉽다 --> 업무처리량 증가 2. IT 페이지기반 아키텍처 개선 --> 데이터만 가져오므로 웹서버 로드감소/ 네트워크 트래픽 감소 3. End User 페이지를 찾고 로딩시간이 없음 데스크탑과 유사하게 동작 -..

Tech/Flex 2008.07.09