열이아빠의 우리술 이야기

일단 체험판은 60일간 사용할 수 있으며 9.1.* 버전과 별도의 폴더에 설치되기 때문에 두개의 버전을 같이 사용할 수 있습니다. 이미 사용하고 있는 고객이라면 고객지원센터에서 바로 다운로드 받을 수 있고 그렇지 않다면 투비소프트 홈페이지에서 다운로드 받을 수 있습니다. (간단한 회원가입 절차가 있긴 합니다.)  http://goo.gl/Q6fVN  9.1 버전과 9.2 버전을 같이 제공하고 있습니다. &nb..

엑스플랫폼이 EDA를 기본으로 만들어졌다고 해서 모든 Object가 이벤트 처리대상은 아닙니다. 앞에서도 이야기했듯이 이벤트는 '주목할할만한 상태의 변화'를 가지고 있어야 합니다. 엑스플랫폼에서 이벤트를 처리대상이 되는 Object 들은 주로 동적으로 상태가 변하는 것들입니다. UX스튜디오에서 이벤트를 등록할 수 있는 Object 는 다음과 같습니다. * ADL ADL(Application) - 애플리케이션의 로딩/시작/종료 등..

이벤트에 대한 내용은 기초가 부족하면 어느 단계에 가서 한계에 도달하게 됩니다. 일반적인 웹 프로그래밍 모델에 익숙해져 버리면 이벤트를 적절히 사용하기 보다는 기존에 익숙한 방법을 사용하게 됩니다. 하지만 이렇게 되는 경우 최적의 성능을 담보할 수 없으며 심지어는 잘못된 시점에 이벤트를 처리해서 돌이킬 수 없는 문제를 양산하곤 합니다. (특히 이런 문제는 테스트 중에는 발견되지 않습니다. 이런 시나리오를 고민하지 않고 테스트 케이스를 만..

이제 마지막 단계입니다. GraphicPath 을 사용하면 벡터그래픽의 장점인 확대와 축소를 가능하게 합니다. 기업용 애플리케이션을 만들면서 그림 그리는 툴이 뭐가 필요할까 싶지만 의외로 많은 부분에서 이를 필요로 합니다. 조직도나 다이어그램을 그린다고 할때 드로잉 도구가 없이 그리려고 한다면 정말 난감할 겁니다. 커브는 Cubic Bezier Curve 형식을 따릅니다. 베지어 곡선 Bezier curve 은 불규칙한 곡선을 표..

이번 시간에는 타원,호를 살펴보겠습니다. 사실 타원과 호라고 했지만 원을 그릴때도 마찬가지로 적용합니다. 엄격하게 말하면 원은 완전한 원은 아닙니다. 하지만 일반적인 모니터로 보았을때 거의 구분이 안되기 때문에 그냥 원이라고 합시다. ㅠㅠ 앞에서 살펴본 GraphicPath 의 속성은 사실 어디서 뚝 떨어진것은 아니고 SVG 스펙에 근거해서 만들어졌습니다. http://www.w3.org/TR/SVG/paths.html  ..

애플리케이션을 만들면서 그림을 그리는 일이 있을까 싶지만 일반 컴포넌트만으로 부족한 부분을 채워주기 위해 그래픽 처리를 지원해주는 컴포넌트가 있다는 것이 얼마나 고마운지 모릅니다. 그렇지 않다면 정말 힘들게 표현을 해야 하거든요. 엑스플랫폼에서는 GraphicPath 라는 컴포넌트를 제공합니다. 폼 위에 도형을 직접 그릴 수 있는 컴포넌트로 GraphicPathData 정보를 가지고 선이나 곡선을 그릴 수 있습니다. da..

콤보는 여러 종류의 음식이 섞여 나오는 것을 의미한다고 합니다. 극장에 가서 팝콘이랑 콜라랑 같이 주문을 할때 콤보세트로 주문을 하게 되면 좀 더 가격이 저렴해지거나 합니다. 또는 게임을 할때 몇가지 명령을 조합해서 내리는 경우 새로운 공격을 할 수 있는 명령이 만들어지는데 이것도 콤보라고 표현합니다. 그냥 콤보라고만 하면 좀 혼란스러워 콤보박스라고 이야기합니다. 엑스플랫폼에서는 컴포넌트명이 Combo 입니다. 그리고 ..

날짜를 입력하는 방식에는 여러가지가 있지만 가장 편한 방법은 직접 텍스트로 입력하는게 아닌가 싶습니다. 하지만 직접 입력하는 방식은 실제 가능한 날짜인지 검증하는데 어려움이 있습니다. 그래서 많은 개발 도구에서 다양한 기능을 가지는 달력 컴포넌트를 제공하고 있습니다. 개발 과정에서 처음에 단순한 달력을 원하다가 점점 기능이 추가되더니 스케쥴 관리 애플리케이션이 되어버릴 수도 있습니다.   UX 스튜디오는 기업용 애플리케이션 제..

그럼 간단한 애플리케이션을 만들면서 디버깅에 대해 살펴보겠습니다. 만들어볼 애플리케이션은 간단한 그리드에 간단한 데이터가 들어가고 각 셀을 클릭하면 이벤트를 발생시키도록 했습니다. 새로운 프로젝트를 만들고 (File > New > Project) 새로운 폼을 만듭니다 (File > New > Item > Form) 툴바에서 그리드를 선택하고 폼에 배치합니다. 크기는 상관없습니다. 그리고 Dat..

애플리케이션 개발 시 가장 어려운 부분이 어디서 문제가 생기는지 확인하는 작업입니다. 과거에는 alert 메시지나 로그만으로 오류가 발생하는 지점을 찾아야 했지만  최근에 나오는 도구는 대부분 디버깅 기능을 제공하고 있어 그나마 개발자들의 부담을 덜어주고 있습니다.   엑스플랫폼 개발시 사용하는 UX 스튜디오에도 기본적인 디버깅 기능을 제공합니다. 전체 프로젝트 단위 또는 개별 화면 단위로 라인 디버깅(Line Deb..

Application 을 한글로 표기할때 어떻게 할지 고민을 많이 합니다. 그냥 응용프로그램이라고 풀어서 쓰기도 하고 어플리케이션 또는 애플리케이션이라고 표기합니다. 어플리케이션과 애플리케이션 중에서 어떤 것이 맞냐고 물어보면 제각각 다른 답변을 남기더군요. ^^ OBS 의 유영선 아나운서가 블로그에 남긴 글을 보면 애플리케이션이 맞다고 주장(?)하고 있습니다. 발음기호 상으로는 오히려 애플러케이션과 애플리케이션으로 표기할 수 있다..

Div 라고 하면 HTML 태그에서 나오는 div 와 혼란스러운 부분이 있는데 일단 정의부터 확인해보겠습니다. 메뉴얼을 보면 Div를 다음과 같이 정의하고 있습니다. 하나의 화면에 여러개의 부분화면을 구성할 때 사용하는 컴포넌트로 주 화면과 독립되거나 연계된 화면을 구성할 수 있으며 다른 폼(Form)과 연결해서 사용할 수 있고 border 나 scrollbar를 사용해 영역을 분할할 수 있다. 프레임과의 차이점은 프레임은 ..

번역된 용어로 다중문서인터페이스라고 하며 Multiple Document Interface 의 약자입니다. 말 그대로 동시에 여러 개의 문서로 작업을 할 수 있는 어플리케이션을 제공해주는 인터페이스라고 할 수 있습니다. 각 문서(또는 어플리케이션)은 별개의 공간을 가지며 각각 작업이 가능합니다. 일반적으로 접하는 PC의 바탕화면과 동일한 인터페이스로 생각할 수 있지만 MDI라는 것은 특정 어플리케이션이나 클라이언트라는 제한된 공간이라는 차이가..

앞에서 다룬 프레임에 대해 좀 더 알아보겠습니다. 기본적으로 프레임을 처리하면 새창처럼 열립니다. 다른 요소와 마찬가지로 각 속성에 대한 처리가 가능합니다. 일단 스타일부터 보면 ChildFrame 에서 관련 항목을 조정할 수 있습니다. 기본적인 프레임에 대한 속성(배경색, 그라이데이션, 경계선, 타이틀바, 상태바 높이, 색, 글꼴)에 대한 처리가 가능하고 타이틀바(TitlebarForm)와 타이틀바 우측의 버튼에 대한 제어가 가능..

엑스플랫폼을 다루면서 강력한 기능이면서 개념을 잘못 잡으면  이해하기 힘든 부분이 프레임입니다. 프레임은 하나의 어플리케이션 단위가 아니라 전체 어플리케이션 내의 윈도우 배치에 대한 개념으로 이해하는 것이 편할듯 합니다. 프레임을 가장 먼저 만날 수 있는 곳은 UX 스튜디오에서 프로젝트를 새로 만들때입니다. 이전에는 그냥 Default 프레임으로 사용했지만 이제 나머지 프레임에도 조금 관심을 가져보겠습니다. 사이..

웹 개발자들의 로망은 데스크톱 어플리케이션 개발이 아닌가 싶습니다. 그래서 잘 보지도 않을 거면서 두꺼운 책들을 사곤 했습니다. 무려 1500페이지가 넘는 책을 부푼 기대를 가지고 뒤적거리기도 하구요. 웹개발자에게 있어 엑스플랫폼과 같이 확장 가능한 플랫폼은 이런 고민 없이 좀 더 쉽게 꿈을 이루게 도와줍니다. (물론 개발자의 로망은 자신의 힘으로 코어한 소스를 만지는 것이겠지만..) 어찌되었든 엑스플랫폼에서는 어플리케이션을 ..

개발에 처음 입문하게 되면 가장 먼저 접하게 되는 것중에 하나가 alert 입니다. 디버깅이나 오류를 잡기 위해서 다른 도구를 사용하기 보다 alert 을 즐겨사용하기도 합니다. alert 이라는 것의 의미를 사전에서 찾아보면 기민한, 정신이 초롱초롱한 이라는 의미를 가지고 있다고 합니다. 일반적으로 '경로'라는 의미만 생각했는데 그렇게 생각하니 흥미롭네요.    엑스플랫폼에서 alert 을 쓰는 것은 두가지 형식이 있습니다..

시스템 자원을 확인하는 것은 속성으로 처리한다면 외부 프로그램을 실행시키거나 외부 자원을 가져오는 것은 메소드에 속합니다. 대표적인 것이 execBrowser, execShell 과 같은 것입니다. execBrowser는 파라미터로 제공되는 URL을 인터넷 익스플로러에서 실행하는 메소드입니다. 특이한 점은 PC 기본 브라우저가 아니라 인터넷 익스플로러를 실행시킨다는 것입니다. 액티브X 를 포함한 페이지를 열어주는 경우에 필요하겠네요. exe..

X-Internet 이나 RIA 를 이야기할때 웹의 한계나 제약을 넘어서는 어플리케이션을 만들기 위한 방법이라고 이야기합니다. 최근 HTML5가 등장하면서 브라우저의 제약은 많은 부분 보완되고 있지만 시스템에 접근하는 것은 여전히 제약이 있습니다. 엑스플랫폼에서는 시스템에 쉽게 접근할 수 있는 여러가지 API를 제공하고 있습니다. 그 중에서 System 은 운영체제의 정보와 하드웨어, 입력장치의 특정정보를 제공해줍니다. 스크립..

UX 스튜디오를 실행하면 3가지 화면 모드가 있습니다. Design, Source, Script 입니다. Design 이야 화면 설계를 위해 그렇다고 하더라도 Source와 Script가 나뉘어져 있는것은 조금 혼란스러웠습니다. 게다가 툴에서는 각각 따로 보여지지만 실제 소스에서는 하나로 있다는것이 애매하긴 합니다. 간단하게 버튼 하나가 있는 폼을 만들어보면 실제 xfdl 코드는 다음과 같습니다. 하지만 툴에서 보면 이 내용..

지난번에는 프로젝트를 설정하는 XPRJ 파일을 살펴보았습니다. 이번에는 역시 설정파일중 하나인 XADL 파일을 살펴보겠습니다. XML of Application Definition Language 라는 긴 설명이 달려 있는데 말 그래도 어플리케이션에 대한 여러가지 설정을 정의하는 내용입니다. 엑스플랫폼으로 개발된 어플리케이션이 실행되면 가장 먼저 불러오는 파일이 *.xadl 파일입니다. 여기서 화면을 렌더링하기 위해 필요한 여러가지 ..

새로운 어플리케이션을 만들기 위해서는 프로젝트를 먼저 생성해야 합니다. 프로젝트는 메뉴에서 File > New > Project 를 선택하거나 툴바에서 선택할 수 있습니다. 프로젝트를 생성할때 프로젝트 파일이 생성될 위치를 지정할 수 있으며 이후 작업된 파일은 해당 위치에 저장이 됩니다. 기본적으로 프로젝트를 생성하면 다음과 같은 파일이 만들어집니다. 생성된 프로젝트의 이름은 Example_Prj 로 했습니다. ..

엑스플랫폼을 배우면서 UX 스튜디오에 익숙해지기 위해서는 툴바에 먼저 익숙해져야 하는 것 같습니다. 단축키를 잘 활용하면 되겠지만 아직은 처음이니깐... 툴바는 선택한 폼이나 기능에 따라 자동으로 화면에 배치가 됩니다. 또는 메뉴에서 View > Toolbars 에서 선택할 수 있습니다. 첫 번째로 만나는 것은 기본 툴바입니다. (Standard) 가장 앞에 있는 아이콘은 프로젝트 열기입니다. 이전에 작업했던 프로젝트는 File &..

별다른 주제는 아니지만 엑스플랫폼에서 UX 스튜디오 도움말을 보다보면 각 항목의 아아콘이 구분이 되어 있습니다. 각 카테고리를 알려주는 폴더를 제외하면 3가지로 구분할 수 있습니다. 일반적으로 많이 사용하는 Grid 라는 컴포넌트를 보면 속성이 다음과 같이 보여집니다. 일반적인 속성입니다. 아무것도 없는 문서 모양이구요. 단 Ajax 버전에서는 지원되지 않는 속성입니다. 체험판에서는 Ajax 개발을 위한 도구가 제공..

프로젝트를 진행하는데 별 도움이 될만한 정보는 아니지만 혹 윈도우7을 쓰면서 Aero 스타일이 별로 맘에 들지 않아 다른 스타일을 원하신다면 엑스플랫폼 UX 스튜디오에서 에디터 테마를 변경할 수 있는 기능을 제공합니다. 메뉴에서 Tools > Options > Environment > Theme 에 가시면  4가지 테마 설정이 가능합니다.   음 저 기능을 언제 쓰지 하는 의문이 있긴 하지만 ..

엑스플랫폼을 공부하기 위해 UX 스튜디오를 설치하고 도움말(F1)을 보면 내용 > 하단에 Appendix 라는 항목이 있습니다. Appendix 는 신체기관 중에서 맹장을 뜻하기도 하고 일반적인 콘텐츠에서는 부록을 의미합니다. 이전에는 잘 보지 못했는데 흥미로운 내용이 많이 있네요. 새로 추가된 기능이나 버그와 관련된 내용이 기록되어 있고 색상, 에러코드에 대한 도움말이 제공됩니다.   What's New 라는 항목에..

엑스플랫폼을 경험하기 앞서 개발 도구인 UX 스튜디오를 설치하는것이 필요합니다. 간단하게 투비소프트 홈페이지에서 회원 가입후 설치 파일을 다운로드 할 수 있습니다. http://www.tobesoft.co.kr   로그인 후 support center > 다운로드 >  체험판 > 엑스플랫폼을 선택하시면 됩니다. 또는 홈페이지 메인에서 다운로드 아이콘을 선택하셔도 됩니다.   다운로드한 파일의 ..

정답은 다 아시겠지만깨끗하게 지우고 다시 설치하세요.http://labs.adobe.com/technologies/flex/flexbuilder3/이전 베타 버전을 지우지 않고 사용했더니해당 SDK 를 못찾는 어의없는 일이 발생하네요.강제로 SDK 위치를 설정할 수 있는데그래도 꼬인 부분이 있나 봅니다.그냥 경건한 마음으로 다 지우시고 새로 설치해주세요.잘 작동합니다.이전보다 빨라진것 같기도 하고....졸려서 그런지도..ㅠㅠ

얼마전 우분투 시디를 신청해서 배송받아놓고는설치할 엄두를 내지 못했는데오늘 몇가지 교훈땜시시도를 해보았습니다.노트북 문제인지 vmware player 문제인지마냥 빙글빙글 시간을 잡아먹습니다.ㅠㅠ하여간 설치인증샷.다양한 언어가 지원됩니다.여기서 부터는 설치 들어갑니다.우선 시작부터 사용자 동의 부분까지사용자 동의 부분은 34번 엔터를 쳐주시면 됩니다.무척 귀찮습니다.한방에 넘어가려면 어찌하는지 좀 알려주세요..ㅠㅠ초기설정부분은  시스템에 따..

프로젝트를 생성하게 될 때 공통적으로 사용하게 되는 라이브러리가 있습니다.일반 *.as 코드일 수도 있고아니면 *.swc 로 생성된 파일도 있지요.빌더에서 해당 코드를 사용하는 방식은 여러가지가 있겠지만대략 아래와 같은 형태로 하지 않을까 생각합니다.(역시 다른 좋은 방법이나 틀린부분은 알려주세요.)1. 매번 프로젝트를 생성할때 파일을 가지고 온다.- 이와 같은 경우는 일단 파일이 여러버전이 존재하게 되어버전관리가 힘들고 혹 SVN 등을 사용하여 같..