엑스플랫폼 (34) 썸네일형 리스트형 레이아웃 구성하기 (Div, Panel) Div 라고 하면 HTML 태그에서 나오는 div 와 혼란스러운 부분이 있는데 일단 정의부터 확인해보겠습니다. 메뉴얼을 보면 Div를 다음과 같이 정의하고 있습니다. 하나의 화면에 여러개의 부분화면을 구성할 때 사용하는 컴포넌트로 주 화면과 독립되거나 연계된 화면을 구성할 수 있으며 다른 폼(Form)과 연결해서 사용할 수 있고 border 나 scrollbar를 사용해 영역을 분할할 수 있다. 프레임과의 차이점은 프레임은 각 프레임이 별개의 윈도우처럼 동작하는데 반해 Div는 화면을 분할해서 폼을 용이하게 사용하려는 목적이라고 볼 수 있습니다. UX 스튜디오에서 작업은 Div 를 배치하고 해당 영역 위에 컴포넌트를 추가하면 됩니다. 코드에서 보면 다음과 같이 구성이 됩니다. 각 컴포넌트의 위치를 좌표값.. MDI에 대해 번역된 용어로 다중문서인터페이스라고 하며 Multiple Document Interface 의 약자입니다. 말 그대로 동시에 여러 개의 문서로 작업을 할 수 있는 어플리케이션을 제공해주는 인터페이스라고 할 수 있습니다. 각 문서(또는 어플리케이션)은 별개의 공간을 가지며 각각 작업이 가능합니다. 일반적으로 접하는 PC의 바탕화면과 동일한 인터페이스로 생각할 수 있지만 MDI라는 것은 특정 어플리케이션이나 클라이언트라는 제한된 공간이라는 차이가 있습니다. 요즘은 대부분 브라우저에서 사용하고 있는 탭 브라우저도 MDI라고 할 수 있습니다. 예전처럼 새로운 페이지를 열고 다른 것을 보기 위해서는 다음 페이지로 가거나 새로운 브라우저를 띄울 필요 없이 탭을 사용해서 사용자가 좀 더 빠르고 편하게 정보에 접근할 .. 프레임 다루기 엑스플랫폼을 다루면서 강력한 기능이면서 개념을 잘못 잡으면 이해하기 힘든 부분이 프레임입니다. 프레임은 하나의 어플리케이션 단위가 아니라 전체 어플리케이션 내의 윈도우 배치에 대한 개념으로 이해하는 것이 편할듯 합니다. 프레임을 가장 먼저 만날 수 있는 곳은 UX 스튜디오에서 프로젝트를 새로 만들때입니다. 이전에는 그냥 Default 프레임으로 사용했지만 이제 나머지 프레임에도 조금 관심을 가져보겠습니다. 사이트에서 제공되는 버전에서 제공되는 프레임은 다음과 같습니다. Default, HFrame_Simple, HFrame_Tab, HFrame_Complex (VFrame 동일) Tab Frame, Widget 이상 9가지입니다. 기본값은 아무것도 없는 상태이고 일단 HFrame_Simple 을 지정해서.. 트레이 다루기 웹 개발자들의 로망은 데스크톱 어플리케이션 개발이 아닌가 싶습니다. 그래서 잘 보지도 않을 거면서 두꺼운 책들을 사곤 했습니다. 무려 1500페이지가 넘는 책을 부푼 기대를 가지고 뒤적거리기도 하구요. 웹개발자에게 있어 엑스플랫폼과 같이 확장 가능한 플랫폼은 이런 고민 없이 좀 더 쉽게 꿈을 이루게 도와줍니다. (물론 개발자의 로망은 자신의 힘으로 코어한 소스를 만지는 것이겠지만..) 어찌되었든 엑스플랫폼에서는 어플리케이션을 데스크톱 어플리케이션처럼 트레이에 올리고 조작할 수 있게 지원합니다. 이런 작업은 별도의 옵션으로 추가되기 때문에 기존과 동일하게 폼을 만들고 ADL에 트레이를 등록하기만 하면 됩니다. 프로젝트 탐색기에서 ADL을 선택하고 컨텍스트 메뉴에서 Insert ADL Item > Tray .. Alert? alert? 개발에 처음 입문하게 되면 가장 먼저 접하게 되는 것중에 하나가 alert 입니다. 디버깅이나 오류를 잡기 위해서 다른 도구를 사용하기 보다 alert 을 즐겨사용하기도 합니다. alert 이라는 것의 의미를 사전에서 찾아보면 기민한, 정신이 초롱초롱한 이라는 의미를 가지고 있다고 합니다. 일반적으로 '경로'라는 의미만 생각했는데 그렇게 생각하니 흥미롭네요. 엑스플랫폼에서 alert 을 쓰는 것은 두가지 형식이 있습니다. 먼저 일반적으로 알고 있는 메소드로서의 alert 입니다. Frame 오브젝트 아래 메소드로 포함되어 있으며 경고나 알림 대화상자를 표시하는 메소드입니다. alert(strText[, strCaption[, strType]]) 기본적으로 텍스트를 대화상자에 표시하며 추가적으로 대화상자 .. 시스템 Object 에 대해 좀 더 알아보기 시스템 자원을 확인하는 것은 속성으로 처리한다면 외부 프로그램을 실행시키거나 외부 자원을 가져오는 것은 메소드에 속합니다. 대표적인 것이 execBrowser, execShell 과 같은 것입니다. execBrowser는 파라미터로 제공되는 URL을 인터넷 익스플로러에서 실행하는 메소드입니다. 특이한 점은 PC 기본 브라우저가 아니라 인터넷 익스플로러를 실행시킨다는 것입니다. 액티브X 를 포함한 페이지를 열어주는 경우에 필요하겠네요. exeShell은 명령행을 통해 실행하는 것과 동일합니다. 파라미터로 URL을 주면 execBrowser와 마찬가지로 해당 URL을 브라우저에서 실행시킵니다. 단 이때 차이점은 사용자가 지정한 기본 브라우저에서 실행된다는 겁니다. 또 하나 흥미로운 점은 cmd를 파라미터로 .. 시스템 정보 다루기 X-Internet 이나 RIA 를 이야기할때 웹의 한계나 제약을 넘어서는 어플리케이션을 만들기 위한 방법이라고 이야기합니다. 최근 HTML5가 등장하면서 브라우저의 제약은 많은 부분 보완되고 있지만 시스템에 접근하는 것은 여전히 제약이 있습니다. 엑스플랫폼에서는 시스템에 쉽게 접근할 수 있는 여러가지 API를 제공하고 있습니다. 그 중에서 System 은 운영체제의 정보와 하드웨어, 입력장치의 특정정보를 제공해줍니다. 스크립트 상에서 system 이라는 전역객체를 통해 접근할 수 있습니다. 다른 항목은 그렇게 많이 사용하지 않겠지만 monitorcount 같은 경우에는 유용하게 사용할 수 있을 것 같습니다. 그 외에도 모니터 해상도와 같은 정보도 화면 처리시 필요한 정보입니다. * osversion 정.. XFDL 파일 어딘가에서 가져오기 UX 스튜디오를 실행하면 3가지 화면 모드가 있습니다. Design, Source, Script 입니다. Design 이야 화면 설계를 위해 그렇다고 하더라도 Source와 Script가 나뉘어져 있는것은 조금 혼란스러웠습니다. 게다가 툴에서는 각각 따로 보여지지만 실제 소스에서는 하나로 있다는것이 애매하긴 합니다. 간단하게 버튼 하나가 있는 폼을 만들어보면 실제 xfdl 코드는 다음과 같습니다. 하지만 툴에서 보면 이 내용이 2가지로 나뉘어 보입니다. 태그 내의 소스를 제외한 나머지를 Source 부분에 넣어주고 스크립트는 따로 복사합니다. Source 부분에 입력시 내에 있는 코드는 알아서 필터링 해주기 때문에 일부러 잘라낼 필요는 없습니다. (단 스크립트로 알아서 분기는 안되네요. ㅠㅠ) 이제 Sh.. 이전 1 2 3 4 5 다음
