따라해보자/엑스플랫폼 (27) 썸네일형 리스트형 디버깅 조금 해보기 그럼 간단한 애플리케이션을 만들면서 디버깅에 대해 살펴보겠습니다. 만들어볼 애플리케이션은 간단한 그리드에 간단한 데이터가 들어가고 각 셀을 클릭하면 이벤트를 발생시키도록 했습니다. 새로운 프로젝트를 만들고 (File > New > Project) 새로운 폼을 만듭니다 (File > New > Item > Form) 툴바에서 그리드를 선택하고 폼에 배치합니다. 크기는 상관없습니다. 그리고 DataSet도 하나 만들어줍니다. DataSet 은 실체는 있지만 눈에 보이지 않는 객체로 폼에서 그려도 상관없지만 폼에 표현되지 않고 Invisible Objects 영역에 표시됩니다. 데이터도 설정해놓고 DataSet을 그리드로 드래그앤드롭해서 연결하면 셋팅이 완료됩니다. 그리드 이벤트에서 oncellclick 를 .. 디버깅 기초 애플리케이션 개발 시 가장 어려운 부분이 어디서 문제가 생기는지 확인하는 작업입니다. 과거에는 alert 메시지나 로그만으로 오류가 발생하는 지점을 찾아야 했지만 최근에 나오는 도구는 대부분 디버깅 기능을 제공하고 있어 그나마 개발자들의 부담을 덜어주고 있습니다. 엑스플랫폼 개발시 사용하는 UX 스튜디오에도 기본적인 디버깅 기능을 제공합니다. 전체 프로젝트 단위 또는 개별 화면 단위로 라인 디버깅(Line Debugging)을 지원하며 특정 함수나 서브루틴 실행 시 상위 호출 함수 관계를 확인할 수 있는 Call Stack 기능을 제공합니다. 또한 디버깅 외에도 Trace Log를 설정할 수 있는 기능을 디버깅과 별도로 제공합니다. 일단 UX 스튜디오에서 디버깅과 관련된 기능을 살펴보겠습니다. 다른 툴을.. 어플리케이션? 애플리케이션? Application 을 한글로 표기할때 어떻게 할지 고민을 많이 합니다. 그냥 응용프로그램이라고 풀어서 쓰기도 하고 어플리케이션 또는 애플리케이션이라고 표기합니다. 어플리케이션과 애플리케이션 중에서 어떤 것이 맞냐고 물어보면 제각각 다른 답변을 남기더군요. ^^ OBS 의 유영선 아나운서가 블로그에 남긴 글을 보면 애플리케이션이 맞다고 주장(?)하고 있습니다. 발음기호 상으로는 오히려 애플러케이션과 애플리케이션으로 표기할 수 있다고 하네요. 국립국어원에서 이 문제는 애플리케이션으로 통일했다고 합니다. http://seean.tistory.com/26 발렌타인데이가 밸런타인데이로 변경되고 있다는것은 처음 알았네요. 어짜피 쓸 일도 없으니..ㄷㄷ 엑스플랫폼에서 Application 객체는 애플리케이션의 기.. 레이아웃 구성하기 (Div, Panel) Div 라고 하면 HTML 태그에서 나오는 div 와 혼란스러운 부분이 있는데 일단 정의부터 확인해보겠습니다. 메뉴얼을 보면 Div를 다음과 같이 정의하고 있습니다. 하나의 화면에 여러개의 부분화면을 구성할 때 사용하는 컴포넌트로 주 화면과 독립되거나 연계된 화면을 구성할 수 있으며 다른 폼(Form)과 연결해서 사용할 수 있고 border 나 scrollbar를 사용해 영역을 분할할 수 있다. 프레임과의 차이점은 프레임은 각 프레임이 별개의 윈도우처럼 동작하는데 반해 Div는 화면을 분할해서 폼을 용이하게 사용하려는 목적이라고 볼 수 있습니다. UX 스튜디오에서 작업은 Div 를 배치하고 해당 영역 위에 컴포넌트를 추가하면 됩니다. 코드에서 보면 다음과 같이 구성이 됩니다. 각 컴포넌트의 위치를 좌표값.. MDI에 대해 번역된 용어로 다중문서인터페이스라고 하며 Multiple Document Interface 의 약자입니다. 말 그대로 동시에 여러 개의 문서로 작업을 할 수 있는 어플리케이션을 제공해주는 인터페이스라고 할 수 있습니다. 각 문서(또는 어플리케이션)은 별개의 공간을 가지며 각각 작업이 가능합니다. 일반적으로 접하는 PC의 바탕화면과 동일한 인터페이스로 생각할 수 있지만 MDI라는 것은 특정 어플리케이션이나 클라이언트라는 제한된 공간이라는 차이가 있습니다. 요즘은 대부분 브라우저에서 사용하고 있는 탭 브라우저도 MDI라고 할 수 있습니다. 예전처럼 새로운 페이지를 열고 다른 것을 보기 위해서는 다음 페이지로 가거나 새로운 브라우저를 띄울 필요 없이 탭을 사용해서 사용자가 좀 더 빠르고 편하게 정보에 접근할 .. 프레임 속성 앞에서 다룬 프레임에 대해 좀 더 알아보겠습니다. 기본적으로 프레임을 처리하면 새창처럼 열립니다. 다른 요소와 마찬가지로 각 속성에 대한 처리가 가능합니다. 일단 스타일부터 보면 ChildFrame 에서 관련 항목을 조정할 수 있습니다. 기본적인 프레임에 대한 속성(배경색, 그라이데이션, 경계선, 타이틀바, 상태바 높이, 색, 글꼴)에 대한 처리가 가능하고 타이틀바(TitlebarForm)와 타이틀바 우측의 버튼에 대한 제어가 가능합니다. 상태바 영역은 ChildFrame 에 한정된 것이 아니라 별도 속성(StatusbarForm)으로 분리가 되어 있습니다. 상태바에는 몇가지 추가적인 기능이 올라가기 때문에 별도로 제어되고 있는듯 합니다. 스타일이 메인 프레임과 분리가 되어 있기 때문에 아래 그림처럼 다.. 프레임 다루기 엑스플랫폼을 다루면서 강력한 기능이면서 개념을 잘못 잡으면 이해하기 힘든 부분이 프레임입니다. 프레임은 하나의 어플리케이션 단위가 아니라 전체 어플리케이션 내의 윈도우 배치에 대한 개념으로 이해하는 것이 편할듯 합니다. 프레임을 가장 먼저 만날 수 있는 곳은 UX 스튜디오에서 프로젝트를 새로 만들때입니다. 이전에는 그냥 Default 프레임으로 사용했지만 이제 나머지 프레임에도 조금 관심을 가져보겠습니다. 사이트에서 제공되는 버전에서 제공되는 프레임은 다음과 같습니다. Default, HFrame_Simple, HFrame_Tab, HFrame_Complex (VFrame 동일) Tab Frame, Widget 이상 9가지입니다. 기본값은 아무것도 없는 상태이고 일단 HFrame_Simple 을 지정해서.. 트레이 다루기 웹 개발자들의 로망은 데스크톱 어플리케이션 개발이 아닌가 싶습니다. 그래서 잘 보지도 않을 거면서 두꺼운 책들을 사곤 했습니다. 무려 1500페이지가 넘는 책을 부푼 기대를 가지고 뒤적거리기도 하구요. 웹개발자에게 있어 엑스플랫폼과 같이 확장 가능한 플랫폼은 이런 고민 없이 좀 더 쉽게 꿈을 이루게 도와줍니다. (물론 개발자의 로망은 자신의 힘으로 코어한 소스를 만지는 것이겠지만..) 어찌되었든 엑스플랫폼에서는 어플리케이션을 데스크톱 어플리케이션처럼 트레이에 올리고 조작할 수 있게 지원합니다. 이런 작업은 별도의 옵션으로 추가되기 때문에 기존과 동일하게 폼을 만들고 ADL에 트레이를 등록하기만 하면 됩니다. 프로젝트 탐색기에서 ADL을 선택하고 컨텍스트 메뉴에서 Insert ADL Item > Tray .. 이전 1 2 3 4 다음
