nexacro Project Explorer

최종 수정일: 2020년 8월 27일

nexacro를 사용해서 프로그램을 만들려면 가장 먼저 프로젝트를 만들어야겠죠? 프로젝트를 만드는 것은 어렵지 않습니다. 메뉴에서 File > New > Project를 선택하면 프로젝트를 생성할 수 있는 Wizard 창이 나옵니다.

Wizard를 통한 프로젝트의 생성은

1. Application 2. Screen 3. Frame

이렇게 3가지 단계만 거치면 됩니다. Application 부분은 프로젝트의 이름과 프로젝트가 생성될 경로를 지정하는 단계이고

Screen 부분은 생성하는 프로젝트가 사용될 환경이 Desktop, Tablet, Phone 중에 어떤 것인지를 지정하는 단계이고 (물론, 세 가지 모두를 선택하거나 하나 또는 두개만 선택하는 것도 가능합니다)

Frame 부분은 프로젝트의 화면을 어떤 형태로 구성할 것인지를 선택하는 단계입니다. (Frame 구성에 대한 부분은 초기에 잘못 지정했다고 하더라도 나중에 수정할 수 있는 부분있습니다)

이 글을 보시는 분은 한번쯤은 nexacro를 만져보았거나 Tobesoft의 다른 프로그램들(Miplatform, x-platform)을 만져보셨을 것이기 때문에 프로젝트를 생성하는 것은 그리 어렵지 않으실 것입니다. 프로젝트가 생성되면 아래의 화면과 같은 나타날 것입니다.

nexacro studio의 화면 구성에 대한 내용은 이전에 다루었으니 화면 구성에 대한 부분은 이전 포스트 내용을 참고하시면 됩니다. 이번 포스트에서는 Project Explorer에서 나오는 부분에 대한 설명과 편집 및 수정방법, 그리고 사용하면서 습득한 Tip을 설명드릴 것입니다. 개발이 익숙하거나 조금이라도 다루어보신 분들을 기준으로 설명을 할 것이므로 처음 접하시는 분들은 좀더 설명이 필요하실 수도 있으실 것입니다. 궁금한 사항이 있으신 분들은 문의하시고자 하는 내용을 메일로 보내주시면 제가 아는 한도내에서 최대한 답변을 드리도록 하겠습니다. 기본으로 생성된 프로젝트를 보면 아래에 나열된

1. Environment 2. TypeDefinition 3. App Information 4. FrameBase

4개의 영역이 존재하는 것을 볼 수 있습니다. x-platform이나 nexacro14 버전을 사용해보셨던 분은은 TypeDefinition, App Information과 FrameBase 부분은 익숙하실 것입니다. 물론 기존에 사용했던 것과 용어나 위치의 차이가 있어서 다르다고 느끼실 수 있겠지만 각각에 대한 설명을 들으시면 "아~ 그거구나" 라고 하실 것입니다. TypeDefinition은 nexacro에서 사용하는 Component에 대한 정의, xjs/xfdl 화면이 구분하여 저장할 디렉토리(Services)를 지정하는 영역입니다. App Information은 Global Dataset과 Global Variables가 위치하는 영역입니다. FrameBase는 Project 생성 Wizard에서 맨 마지막에 선택한

Frame 구조의 각 화면이 위치하는 영역입니다.

다른 영역은 수정이 불가능하지만 이 영역은 Services와 차이가 없기 때문에 영역의 명칭, 위치, 하위에 있는 xfdl 파일명 등을 수정할 수 있습니다.

다만, 이 영역의 명칭이나 하위에 있는 xfdl을 수정하더라도

Frame 정보가 연동되어서 바뀌는 것은 아니기 때문에 "App Information" 에서 Frame에 대한 url 정보를 직접 수정해주어야 합니다.

그럼 위에서 설명하지 않은 Environment는 무엇일까요? x-platform이나 nexacro14에서 없었던 영역인데 이 영역은 Global 영역이라고 생각하시면 됩니다. (추측컨대 반응형 디자인을 적용하여 하나의 프로젝트로 모바일이나 데스크탑에 대응하기 위한 것이 아닐까 합니다) 그리고 영역 하단에 익숙한 두 개의 하위 영역이 존재하는 것을 볼 수 있는데 하나는 Variables이고, 하나는 Script입니다. 여기에 있는 두개 영역에 Variable과 Script를 추가하면 프로젝트가 실행되었을 때 모둔 화면에서 사용할 수 있게 됩니다. 전역 변수와 전역 스크립트가 되는 것이죠~ 전역 스크립트는 제외하고서라도 이미 App Information에서 전역 변수로 사용할 수 있는 영역이 있는데 Environment 영역에 다시 동일한 것을 둔 이유는 모르겠습니다만 변수를 어느 쪽에 위치시키더라도 모든 화면에서 동일하게 사용할 수 있으므로 사용하기 편한 곳에 두고 사용하시면 됩니다.

이제 Project Explorer와 관련하여 필자가 알고 있는 3가지 Tip을 알려도록 하겠습니다. 첫번째 Tip은 가장 간단한 것인데 nexacro studio에 있는 기능이라서 익히 알고 있는 것일 수도 있습니다. 화면을 만들면 화면의 Title text(property명은 Action property 아래에 있는 titletext임)를 작성할 수 있습니다. Project Explorer에 화면이나 Services가 많아지면 목록에 나오는 것만으로 화면을 찾기가 쉽지 않은데 이 옵션을 설정해두면 목록에서 화면 아이디가 아닌 titletext를 보고 찾을 수 있습니다. 설정하는 방법은 메뉴에서 Tools > Options로 들어간 후

Options 창에서 Environment 하위에 있는 "Show Information"으로 들어가서 "Show Title" 항목의 "at Project Explorer" 항목의 체크를 활성화하고 OK 버튼을 클릭하면 됩니다. 그 후에 Project Explorer를 보면 아래와 같이 화면에 입력한 titletext를 볼 수 있습니다.

이 옵션을 활성화하면 titletext로 찾기 쉬워지지만 프로젝트 내에 xfdl이나 xjs와 같은 파일이 많은 경우 프로젝트를 로딩할 때나 닫을 때 속도가 느려지는 단점이 있습니다. 두번째 Tip은 프로젝트에 Services가 많은 경우에 사용하는 방법입니다. 이 방법을 사용하기 위해서는 Services를 직접 편집해야 합니다. 프로젝트가 저장된 폴더에서 "typedefinition.xml" 파일을 메모장 또는 사용하는 텍스트 편집 프로그램에서 불러옵니다. Serivces 노드 하위의 Service 중에서 구분하고자 하는 Service 사이에 서비스를 추가하고, prefixid 에 각 서비스를 그룹으로 묶어서 볼 명칭을 적어주고, url 의 값은 지워줍니다.

그런 다음 프로젝트를 다시 로드하면 아래의 화면과 같이 자신이 적어준 명칭이 Service 사이사이에 나타나는 것을 볼 수 있습니다.

이렇게 추가된 Service는 실제 구동되는데 영향을 주지 않기 때문에 프로젝트의 패키지가 많은 경우 구분하기가 쉬워집니다. nexacro studio에서는 url이 없는 Service를 허용하지 않기 때문에 studio에서 Service는 편집하는 것은 불가능하게 되므로 이후에 추가하는 Service는 "typedefinition.xml"을 직접 수정해주어야 하는 단점이 있습니다. 세번째 Tip은 Component를 생성할 때 자동으로 부여되는 id에 해당 하는 것입니다. x-platform, nexacro14와 같은 이전 버전까지는 없었던 기능인데 nexacro17버전에서 추가된 기능입니다. 화면에서 Component(버튼, 에디트, 그리드 등등)를 추가하면 각 Component에 아이디가 자동으로 부여되는데 기본 상태에서는 Button00, Button01 이런 방식으로 부여됩니다.