넥사크로플랫폼 14 / 넥사크로 스튜디오 가이드docs.tobesoft.com/nexacro_studio_guide_nexacro_14_ko.pdf · 5.2.1 데이터바인딩 InnerBindDataset BindItemEditor

넥사크로플랫폼 14 / 넥사크로 스튜디오

가이드

14.0.1.3200

발행처 | (주)투비소프트

발행일 | 2019/08/19

주소 | (06083) 서울시 강남구 봉은사로 617 인탑스빌딩 2-5층

전화 | 02-2140-7700

홈페이지 | www.tobesoft.com

고객지원센터 | support.tobesoft.co.kr

제품기술문의 | 1588-7895 (오전 10시부터 오후 5시까지)

이 문서에 잘못된 정보가 있을 수 있습니다. 투비소프트는 이 문서가 제공하는 정보의 정확성을 유지하기

위해 노력하고 특별한 언급 없이 이 문서를 지속적으로 변경하고 보완할 것입니다. 그러나 이 문서에 잘못된

정보가 포함되어 있지 않다는 것을 보증하지 않습니다. 이 문서에 기술된 정보로 인해 발생할 수 있는

직접적인 또는 간접적인 손해, 데이터, 프로그램, 기타 무형의 재산에 관한 손실, 사용 이익의 손실 등에

대해 비록 이와 같은 손해 가능성에 대해 사전에 알고 있었다고 해도 손해 배상 등 기타 책임을 지지

않습니다.

사용자는 본 문서를 구입하거나, 전자 문서로 내려 받거나, 사용을 시작함으로써, 여기에 명시된 내용을

이해하며, 이에 동의하는 것으로 간주합니다.

각 회사의 제품명을 포함한 각 상표는 각 개발사의 등록 상표이며 특허법과 저작권법 등에 의해 보호를 받고

있습니다. 따라서 본 문서에 포함된 기타 모든 제품들과 회사 이름은 각각 해당 소유주의 상표로서 참조용

으로만 사용됩니다.

변경 이력

iii

버전 변경일 내용

14.0.1.600 2016-09-27 Deploy 툴바 항목 추가

14.0.1.600.1 2016-10-10 Edit TypeDefinition > Service Type 항목 설명 보완

Metadata 항목 추가

Business Service 항목 추가

14.0.1.700.1 2016-10-25 Build 툴바 항목에 Modules 메뉴 추가

Build 메뉴바 항목에 Modules 메뉴 추가

Theme 편집기에서 새로운 CSS 파일을 생성/추가하는 기능을 지원하지 않습니다. 해

당 기능을 제공하던 [New CSS] 버튼을 넥사크로 스튜디오에서 삭제했습니다.

14.0.1.900.1 2016-12-27 Archive "하이브리드"라는 표현을 삭제했습니다.

14.0.1.900.2 2017-02-09 서브버전 사용 설정 항목에 사용할 수 있는 서브버전 클라이언트 설명을 추가했습니

다.

14.0.1.900.3 2017-03-02 페이드 라이선스 항목에서 "일본 외 국가" 항목을 삭제했습니다.

14.0.1.900.4 2017-03-13 Edit TypeDefinition 항목에 PrefixID 지정 시 유의사항을 추가했습니다.

14.0.1.1200.1 2017-03-28 Compress 항목 추가

Build 항목 중 Compress, Compile 대화상자 이미지를 수정했습니다.

14.0.1.1200.6 2017-04-07 권장사양 최신사양 항목을 추가했습니다.

14.0.1.1501.1 2017-07-07 제목이 없습니다. 항목 중 플랫폼 지원범위를 수정했습니다.

14.0.1.1501.4 2017-11-29 페이드 라이선스(Paid License) 관련 단락을 삭제했습니다.

14.0.1.2802 2018-11-07 설정 설명 중 변경 항목이 반영되지 않았던 내용을 수정했습니다.

14.0.1.2900 2018-12-26 Edit TypeDefinition 항목에서 사용하지 않는 failpass 설명을 삭제했습니다. 기존 버

전 호환성을 위해 generate된 소스에서는 failpass 항목이 유지되지만, 동작하지는

않습니다.

14.0.1.3200 2019-08-19 Edit TypeDefinition 항목에서 Targetpath 설정 시 제약사항을 추가했습니다.

제품 구성

iv

넥사크로플랫폼 14 제품 패키지는 아래와 같은 구성으로 제공됩니다.

● 제품 설치 CD

○ 제품 설치 파일

○ 제품 매뉴얼 PDF 파일

● 라이선스 증서

제품 패키지 박스 디자인은

회사 정책에 따라 변경될 수

있습니다.

제품 구성은 계약조건에 따

라 다를 수 있으며 자세한 내

용은 제품 패키지 박스에 포

함된 안내문을 참고해주세

요.

계약조건에 따라 등록된 아

이디로 고객지원센터에서

업데이트된 제품 설치 파일

과 매뉴얼을 내려받을 수 있

습니다.

http://www.xplatform.co

.kr

http://www.xplatform.co.kr/

http://www.xplatform.co.kr/

차례

v

저작권 및 면책조항

변경 이력

제품 구성

차례

일러두기

1. 넥사크로플랫폼 소개

1.1 기업에서의 UI/UX

1.1.1 BUX: Business User eXperience

1.2 넥사크로플랫폼 14

1.2.1 주요 특징

1.2.2 적용 대상 시스템

2. 넥사크로 스튜디오에 대해

2.1 권장사양

2.2 넥사크로 스튜디오의 설치

2.2.1 넥사크로 스튜디오의 설치정보

2.2.2 라이선스 인증

트라이얼 라이선스

라이선스 인증 실패 메시지

2.2.3 버전 확인

2.3 넥사크로 스튜디오의 삭제

2.4 도움말 사용

3. 작업 영역

3.1 애플리케이션 프레임

3.1.1 메뉴, 툴바 영역

3.1.2 상태 표시줄

3.2 창 배치

3.2.1 보이기/감추기

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ii

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . iii

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . iv

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . v

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xiii

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

vi | 넥사크로플랫폼 14 / 넥사크로 스튜디오 가이드

3.2.2 이동

위치 변경

결합

탭 결합

3.3 프로젝트 탐색(Project Explorer)

3.3.1 프로젝트 검색

3.3.2 필터 (Filter)

3.3.3 편집 동기화 (Edit Sync)

3.4 폼 디자인(Form Design)

3.4.1 디자인 편집(Design)

3.4.2 소스 편집(Source)

3.4.3 스크립트 편집(Script)

3.5 속성 편집(Properties)

3.5.1 컴포넌트 목록

3.5.2 툴바

정렬 방식

편집 대상

Attribute Info

Init Info

Event Info

Bind Info

Pseudo

3.5.3 스타일 속성 편집(Style Property Editor)

3.6 메시지 창(Message Window)

3.6.1 Output

3.6.2 Find Results

3.6.3 Global Bookmark

3.7 디버그 창(Debug Window)

3.7.1 Debug Message

3.7.2 Breakpoints

3.7.3 Call Stack

3.7.4 Variables

3.7.5 Watch

4. 프로젝트

4.1 Project 생성 마법사

4.1.1 1단계 Location

4.1.2 2단계 Definition

4.1.3 3단계 Screen

4.2 Application Definition Language(ADL)

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48

차례 | vii

4.2.1 MainFrame

4.2.2 Theme

4.2.3 ScreenInfo

Add Application Property

4.2.4 Tray

트레이 추가

아이템 추가

트레이 실행

4.3 Type Definition의 편집

4.3.1 Edit TypeDefinition

4.3.2 Service Refactoring

4.3.3 Metadata

Metadata 등록

Service List

DatasetLayout

옵션 설정

속성값으로 적용

Dataset으로 적용

4.4 Global Variables

4.4.1 Datasets

4.4.2 Variables

4.4.3 Image

4.5 FDL 생성 마법사


4.5.2 2단계 Dimension

4.5.3 3단계 Position

4.5.4 4단계 Layout

4.6 FDL (Form Definition Language)

4.6.1 FDL Drag&Drop

4.6.2 FDL 항목

4.7 템플릿 사용

4.7.1 Make a Project Template

4.7.2 Screen Template

4.8 기타 파일 생성

4.8.1 Create a new XML file

4.8.2 Create a new Java script file

4.9 Auto Recover

4.10 프로토콜 추가 마법사

4.10.1 1단계 Protocol

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

viii | 넥사크로플랫폼 14 / 넥사크로 스튜디오 가이드

4.10.2 2단계 Service

4.10.3 3단계 Resource

4.10.4 4단계 Finish

5. Form 디자인

5.1 컴포넌트

5.1.1 컴포넌트 배치

5.1.2 선택 변경

5.1.3 크기 변경

5.1.4 위치 변경

5.1.5 탭 순서

Tab Order Edit

Tab Order List

Tab Order View

5.1.6 가이드 라인

5.1.7 속성 설정

5.1.8 글꼴 설정

5.2 데이터 및 이벤트 처리

5.2.1 데이터 바인딩

Inner Bind Dataset

Bind Item Editor

5.2.2 Grid Contents Editor

5.2.3 이벤트 생성

5.3 화면 레이아웃

5.3.1 폼 레이아웃

화면 구성

디자인 기능 제한

속성창

5.3.2 서브 레이아웃

레이아웃 옵션

서브 레이아웃 에디터

속성창

5.3.3 스텝

stepcount

positionstep

5.3.4 Position

트래커

눈금자 / Dot Grid

포지션 에디터

속성창

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 126

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 126

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150

차례 | ix

6. Theme / CSS

6.1 Theme와 CSS

6.1.1 CSS 파일의 생성

6.1.2 CSS 파일 편집기

6.1.3 Theme 생성

6.1.4 Theme 편집기

6.2 Style Property Editor

6.2.1 Text

6.2.2 Border

6.2.3 Background

6.2.4 Appearance

7. 소스 코드 관리 시스템 지원

7.1 서브버전(Subversion)

7.1.1 서브버전 사용 설정

7.1.2 툴바

7.1.3 접속 정보 입력

인증(Authentication)

7.1.4 기본 기능

프로젝트 신규 등록(Import)

커밋(Commit)

파일 추가하기(Add)

파일 삭제하기(Delete)

이름 변경(Rename)

업데이트(Update)

7.1.5 파일 잠그기

파일 잠그기(Get Lock)

잠금 해제하기(Release Lock)

7.1.6 변경 기록 활용

변경 이력(Log Messages)

이전 리비전 비교하기(Diff with previous version)

수정 사항 되돌리기(Revert)

새로 고침(Refresh)

7.1.7 저장소 탐색기

7.1.8 Subversion Status

7.2 CVS

7.2.1 CVS 사용 설정

7.2.2 툴바



. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176

x | 넥사크로플랫폼 14 / 넥사크로 스튜디오 가이드

7.2.4 기본 기능

프로젝트 신규 등록(Import Project)

커밋(Commit)


파일 삭제하기(Remove)




파일 잠그기(Edit)

잠금 해제하기(Unedit)

작업자 확인(Editors)


변경 이력(History)

이전 리비전 비교하기(Diff)

코드 라인 단위 비교하기(Annotate)


새로 고침(Refresh status)

7.2.7 체크아웃

7.3 소스세이프(SourceSafe)

7.3.1 소스세이프 사용 설정

7.3.2 툴바


데이터베이스 접속 정보 입력

7.3.4 기본 기능

프로젝트 신규 등록(Add Project)

체크아웃(Check Out)

체크인(Check In)

파일 추가하기(Add To Source Control)


업데이트(Get Last Version)


변경 이력(Show History)

비교하기(Show Diff)

수정 사항 되돌리기(Check Undo)


7.3.6 소스세이프 클라이언트

Run SourceSafe

8. 설정

8.1 Options – Environment

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198

차례 | xi

8.1.1 General

8.1.2 Build

8.1.3 Compress

8.1.4 Startup

8.1.5 Auto Recover

8.1.6 Font and Color

8.1.7 Project Explorer

8.1.8 Script

8.1.9 Launch

8.1.10 Business Service

8.2 Options – Debugging

8.2.1 General

8.3 Options – Form Design

8.3.1 General

8.3.2 Paste Special

8.3.3 Layout Manager

8.3.4 Position Unit

8.4 Options - External Tools

8.5 Options – Source Control

9. 부록

9.1 Project Explorer Icon

9.2 Toolbar 기능

9.2.1 Standard

9.2.2 Build

9.2.3 Deploy

9.2.4 Align

9.2.5 TextStyle

9.2.6 Objects

9.2.7 Debug

9.2.8 Bookmark

9.2.9 CSS Selector

9.3 Menu Bar

9.3.1 File

9.3.2 Edit

9.3.3 View

9.3.4 Assist

9.3.5 Design

9.3.6 Build

9.3.7 Archive

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235

xii | 넥사크로플랫폼 14 / 넥사크로 스튜디오 가이드

9.3.8 Debug

9.3.9 Tools

9.3.10 Window

9.3.11 Help

9.4 단축키

찾아보기

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242

일러두기

xiii

본 매뉴얼은 넥사크로플랫폼 애플리케이션 개발 시 다루는 넥사크로 스튜디오에 대한 기본 개요와 세부 설정에 대해

다루고 있습니다.

대상 독자

대상 독자

넥사크로플랫폼 애플리케이션을 기획하거나 개발 또는 디자인할 때 참조할 수 있습니다.

넥사크로플랫폼 프로그래밍

넥사크로플랫폼 애플리케이션 개발 과정에 필요한 세부 내용은 개발자 가이드(Developer Guide)를 참조해

주세요.

넥사크로플랫폼 배포

넥사크로플랫폼 애플리케이션을 배포하거나 실행하는 단계에 대한 세부 내용은 어드민 가이드(Administrato

r Guide)를 참조해주세요.

기타 개발 도구

투비소프트에서 제공하지 않는 웹서버 또는 기타 개발 도구에 대해서는 개략적인 내용만 다루고 있습니다. 각

제조사 매뉴얼을 별도로 참조해주세요.

매뉴얼 구성

세부 항목에 대한 구성은 아래와 같습니다.

xiv | 넥사크로플랫폼 14 / 넥사크로 스튜디오 가이드

넥사크로플랫폼 소개

넥사크로플랫폼에 대해 개괄적으로 설명합니다.

넥사크로 스튜디오에 대해

넥사크로 스튜디오 개발 환경 및 설치, 삭제 단계에 대해 설명합니다.

작업 영역

넥사크로플랫폼 애플리케이션 화면을 디자인하거나 개발, 배포 시 필요한 각 화면 창과 기능에 대해 설명합니

다.

프로젝트

넥사크로플랫폼 애플리케이션 프로젝트 생성과 관련 작업에 대해 설명합니다.

Form 디자인

넥사크로플랫폼 애플리케이션 화면 구성과 배치와 관련된 기능에 대해 설명합니다.

Theme/CSS

넥사크로플랫폼 애플리케이션에 적용할 스타일/테마 파일을 생성하고 적용하는 작업에 대해 설명합니다.

설정

넥사크로 스튜디오에서 제공되는 설정 기능에 대해 설명합니다.

부록

넥사크로 스튜디오에서 제공하는 프로젝트 탐색 창, 툴바, 메뉴바, 단축키에 대해 설명합니다.

매뉴얼 표기법

본 매뉴얼은 독자의 이해도를 높이고자, 특별한 의미가 있는 단어나 문장은 별도의 표기법으로 표현했습니다. 다음은

그 표기법에 대한 설명입니다.

노트, 팁, 주의는 다음과 같이 제공됩니다.

노트는 본문에 간단하게 추가할 짧은 설명이나 참조, 논평을 제공하기 위해 사용합니다.

팁은 도움말 등의 팁을 제공하기 위해 사용합니다.

주의는 독자 또는 사용자의 주의를 환기하는 문장을 제공하기 위해 사용합니다.

넥사크로플랫폼 소개

1.

업무에 최적화된 시스템, 원하는 정보를 쉽게 접근할 수 있는 시스템, 직관적으로 실행할 수 있는 시스템, 데이터 입력

작업과 같은 번거로운 작업에 시간을 덜 뺏기고 필요한 업무에 집중할 수 있는 시스템은 획기적인 업무 생산성의 향상

을 가져올 수 있습니다. 이런 변화는 시스템의 UI/UX 환경을 어떻게 구축하느냐에 달려 있습니다.

UI/UX의 혁신은 시스템을 단지 보기 좋게 만드는 것이 아닌, 효율적으로 총소유비용(TCO, Total Cost of Ownershi

p)를 낮추고 투자자본수익률(ROI, Return On Investment)를 높이면서 사용성도 함께 높여 경영자와 시스템 관리자,

사용자 모두의 만족도를 높여야 합니다.

넥사크로플랫폼은 기능, 성능, 디자인 요소들이 기업의 요구 수준에 맞게 조화를 이루도록 구성되어있으며 오직 기업

만을 위해서 태어난 비즈니스 사용자 경험 솔루션이라고 할 수 있습니다.

1.1 기업에서의 UI/UX

X인터넷에서 RIA(Rich Internet Application), 그리고 REA(Rich Enterprise Application)에 이르기까지 기업과 개

인의 더 풍부한 사용자 경험을 구현하기 위한 웹 애플리케이션의 개념은 계속해서 발전해 왔습니다.

C/S(Client Server) 환경은 처리 속도는 만족스러웠지만 설치, 배포, 유지관리의 어려움이 있었고 웹이 등장하면서

이런 문제는 해결되었지만 데이터 처리 속도와 제한된 UI의 한계를 가지게 되었습니다. 이를 넘어서고자 국내에서는

X인터넷이 기업용 시스템 개발에 널리 도입되면서 안정적인 시스템을 필요로 하는 기업 내 업무의 사용자 인터페이

스를 데스크톱 수준의 인터페이스로 제공하는 솔루션으로 자리매김했습니다. 국외에서는 2002년 어도비와 합병된

매크로미디어에서 사용하던 RIA라는 용어가 확산되면서 전체적인 시장이 확대되었습니다. X인터넷은 보다 기업적인

용도를 강조하며 성능과 기능을 향상시키는 데 초점을 맞추었고 RIA는 일반 사용자를 상대로 하는 광고나 디자인, 애

니메이션을 강조하며 발전해 왔습니다.

시간이 지나면서 기업용 애플리케이션 시장에서도 좀 더 풍부하고 향상된 사용자 인터페이스를 요구하기 시작했고

기업을 위한 RIA란 의미의 REA 솔루션이 기업용 시장에서 각광을 받기 시작합니다. 하지만 REA는 일반 사용자를 대

상으로 하는 RIA와는 근본적인 접근이 달랐습니다. 철저하게 기업 환경의 분석과 복잡한 개발 요구 사항의 이해 그리

고 기업에 대한 높은 이해도와 수많은 구축 경험을 기반으로 만들어진 독자적인 영역이라 볼 수 있습니다.

최근 국내외적으로 ‘UX(User eXperience)’라는 용어가 주목 받으면서 기업의 비즈니스 환경에 최적화된 UI/UX 구현

2 | 넥사크로플랫폼 14 / 넥사크로 스튜디오 가이드

을 통한 기업에 가치 있는 비즈니스 뷰(VIEW)에 대한 관심이 높아졌습니다. 이런 새로운 기업 사용자의 요구를 수용

하며 REA 개념을 넘어 확장된 개념으로 BUX(Business User eXperience : 비즈니스 사용자 경험)를 정의했습니다.

BUX는 직관적인 업무 환경, 사용자 경험을 기반으로 한 UI 구현을 통해 업무 생산성을 높이고 신속한 의사 결정을 가

능하게 함으로써 무엇보다 기업 고객의 비즈니스 가치를 실현하는데 무게 중심을 두고 있습니다.

1.1.1 BUX: Business User eXperience

BUX는 아래 3가지의 통합을 통해 실현됩니다.

첫 번째는 플랫폼의 통합(Unified Platform)입니다.

다양한 운영체제, 브라우저 및 디바이스는 물론 각기 다른 화면 크기에 대해 하나의 소스로 구동되고 최적화된 결과를

만들어내는 OSMU(One Source Multi Use)를 지향합니다.

두 번째는 개발 환경의 통합(Unified Development Process)입니다.

같은 개발 환경 내에서 인하우스(In House) 개발이나 SAP와 같은 UI 고도화 패키지 개발 작업을 모두 수행할 수 있으

며 개발에서 테스트, 배포까지 소프트웨어 개발의 전 과정을 통합할 수 있게 하는 개발도구인 ‘넥사크로 스튜디오’를

제공함으로써 개발 생산성을 향상시킵니다.

세 번째는 데이터 중심의 통합(Unified Data Frame)입니다.

정형, 비정형 데이터 및 OLTP(Online Transaction Processing)성 업무와 빅데이터의 시각화를 포함한 OLAP(Onlin

e Analysis Processing)성 업무를 모두 지원하는 것을 의미합니다. 이는 데이터 지향적인 기업용 시스템 UI/UX에 있

어 업무 효율성과 생산성의 향상과 직결되는 것이어서 특히 중요한 의미가 있습니다.

기업 시스템의 UI/UX 개선은 투자 비용 대비 업무 생산성 향상과 만족도 제고 효과가 가장 높은 방법입니다. 기존 시

스템을 거의 건드리지 않고도 큰 폭의 개선 효과를 창출할 수 있기 때문입니다. 최소 비용을 통한 최대의 혁신 효과,

그리고 모바일, 클라우드, 빅데이터 기술을 적극 수용하여 기업용 UI/UX를 통합 지원하겠다는 의지가 바로 BUX 플

랫폼인 넥사크로플랫폼이 추구하는 방향입니다.

넥사크로플랫폼 소개 | 3

1.2 넥사크로플랫폼 14

넥사크로플랫폼 14는 BUX 플랫폼으로 기업의 다양한 개발 요구사항을 수용하기 위해 자바스크립트 기반의 자체적

인 통합 프레임워크로 개발됐습니다. 넥사크로플랫폼으로 개발된 애플리케이션은 별도의 추가 개발 없이 다양한 운

영체제, 브라우저, 디바이스에서 같은 기능을 구현할 수 있습니다.

넥사크로플랫폼 14에서 제공하는 위지윅(WYSIWYG)기반의 개발 도구인 넥사크로 스튜디오는 RTE(Real Time Ent

erprise) 실현을 위한 개발생산성을 최대화하기 위해 HTML5, 런타임 버전에 상관 없이 개발할 수 있으며 개발자의

편의성을 최대화함과 동시에, 손쉽게 다양한 디자인 효과를 줄 수 있도록 지원합니다.

넥사크로플랫폼 14는 시스템 UI에 접근하는 상황에 따라 HTML5, 런타임 버전으로 구분되며 같은 개발 프로세스와

설정 파일을 사용합니다. HTML5 버전은 별도의 추가 설치 없이 배포 문제에서 매우 자유로운 것이 특징이며 런타임

버전은 가상 엔진 설치를 통해 데스크톱, 스마트폰, 태블릿 등 다양한 환경에서 상대적으로 높은 성능과 안정성을 확

보할 수 있습니다. 런타임 버전은 운영체제에 따라 최적화된 가상 엔진을 제공합니다.

1.2.1 주요 특징

● 강력한 개발 도구

기존 4GL 개발 도구와 같이 개발에 필요한 다양하고 편리한 기능을 넥사크로플랫폼 전용 개발 도구인 넥사크로

스튜디오에서 제공합니다. 위지위그(WYSIWYG) 방식의 화면 개발과 함께 지능적인 편집기를 제공해 개발자에

게 다양한 편의 기능을 지원합니다.

● 표준준수

넥사크로플랫폼에서 사용하는 스크립트 언어는 ECMA, CSS, XML, DOM 등 국제 표준에 따른 범용 기술을 적

용함으로써 다른 시스템 또는 솔루션과 유연한 인터페이스를 지원합니다.

표준 기술을 사용해 새로운 언어를 배워야 한다는 부담을 줄일 수 있으며 넥사크로플랫폼 개발 환경을 빠르게 습

득해 개발 및 유지보수를 쉽게 할 수 있습니다.

● 통합된 디바이스 이벤트 처리

PC에서의 마우스 이벤트 처리와 스마트 디바이스에서의 터치 이벤트 처리를 표준화해 하나의 코드로 다양한 디

바이스를 지원하는 이벤트 처리를 구현할 수 있습니다.

● 빠른 데이터 처리

넥사크로플랫폼은 서버와 클라이언트간 데이터 처리 시 화면과 정보를 뺀 데이터만을 송/수신함으로써 서버의

부하를 줄이고 네트워크 효율을 높여 빠른 통신 속도를 구현할 수 있습니다.

비동기 통신 기술을 이용한 데이터 통신을 지원하며 업무에 따라 최적의 수행 환경을 만들 수 있습니다.

● 기업에 특화된 풍부한 컴포넌트

애플리케이션에서 바로 사용할 수 있는 다양한 기업용 컴포넌트를 제공해, 애플리케이션에 필요한 컴포넌트 개

발 기간을 최소화함으로써 개발 기간을 단축하고, 변화하는 업무 환경에 빠르게 대응할 수 있습니다. 특히 가장

많이 활용되는 Grid는 기업에서 주로 쓰는 기능을 내장해 제공하고 있습니다.


넥사크로 스튜디오에서 별도의 코딩 없이 드래그앤드롭만으로 각 컴포넌트에 대한 데이터 바인딩하고 클릭만으

로 새로운 이벤트를 생성할 수 있습니다.

● 시각적인 효과

다양한 시각적 효과를 처리하거나 스타일이나 테마를 편집하는 작업을 넥사크로 스튜디오 내에서 손쉽게 구현할

수 있으며 개발자와 디자이너 모두에게 유연한 협업 프로세스를 지원합니다.

● 기업 전용 브라우저 (런타임 버전)

Real Time Enterprise(RTE) 실현을 위해서 기업에서 사용하는 애플리케이션에서 기능과 성능은 중요한 요소입

니다. 웹 브라우저의 성능이 지속적으로 향상되고 있지만, 기업이 요구하는 안정적인 성능에 대한 기대를 충족시

켜주지 못하는 한계를 갖고 있습니다. 이러한 한계를 탈피하기 위해서 런타임 버전에서 제공하는 기업 전용 브라

우저 기능을 활용할 수 있습니다.

1.2.2 적용 대상 시스템

● 기존 시스템의 UI 고도화를 통한 TCO 절감 및 ROI 향상

○ 메인프레임 환경 등 기존 시스템을 웹으로 전환

○ 사용이 복잡한 SAP UI의 개선/고도화

○ 기존 시스템의 노후화로 UI 구성이 복잡해짐에 따라 사용성이 떨어진 시스템을 개편

○ 콜센터 시스템과 같이 UI 개선/재구축 시 고객만족도 향상, 인당 처리율 향상을 통한 비용 절감

○ ERP, CRM, PLM, SCM 등에 대한 시스템 접근성을 향상

● 클라이언트/서버 시스템을 인터넷 기반 시스템으로 전환

○ 클라이언트/서버 시스템의 설치, 배포, 업데이트 이슈를 근본적으로 해결

○ 순수 웹에서 지원하지 못하였던 오프라인 구동 및 Local DBMS나 Local File과의 연동 업무

● 스마트폰과 태블릿 등 다양한 기기 지원이 필요한 시스템 구축

○ PC와 스마트폰, 태블릿 모두를 지원

○ BYOD(Bring Your Own Device) 환경 지원 시스템 구축

● 수치, 통계 데이터 중심의 대고객 웹 서비스나 응용프로그램 개발

● 대표이사, 임원진 또는 의사결정권자를 대상으로 직관적이고 유려한 EIS나 상황판 등의 시스템 구축

● HTML5를 수용한 차세대 시스템 구축

넥사크로 스튜디오에 대해

2.

넥사크로 스튜디오는 개발자들이 익숙한 4GL 개발 도구(비주얼 베이직, 델파이, 파워빌더 등)와 유사한 인터페이스

와 기능을 제공하며 HTML5와 런타임을 통합적으로 지원하는 넥사크로플랫폼 애플리케이션 개발 도구입니다. 위지

윅(WYSIWYG) 형식으로 화면을 디자인하고 데이터를 시각화할 수 있으며, 스크립트로 다양한 로직을 작성할 수 있

습니다.

다양한 디바이스에 최적화된 애플리케이션을 만들기 위해 여러 개의 애플리케이션을 따로 만드는 것이 아니라 MLM(

Multi Layout Manager)을 적용해 하나의 소스로 PC, 스마트폰, 태블릿 등 다양한 환경에서 높은 성능과 안정성을

제공할 수 있습니다.

2.1 권장사양

넥사크로 스튜디오를 설치하고 사용하는 데 필요한 시스템은 아래와 같습니다.

항목 최소사양 권장사양

CPU Intel® Pentium® 4 1.4GHz Intel® Core™ i3-330M, 2.13GHz

디스플레이 - 가속장치를 갖고 있는

512MB 이상의 그래픽장치

메모리 1GB 4GB DDR3

HDD 8GB 30GB - 5400rpm

플랫폼 Windows XP SP3 이상

Windows 10 V1703 (10.0.15063.413) 이하


2.2 넥사크로 스튜디오의 설치

넥사크로 스튜디오는 넥사크로플랫폼 설치 패키지에 포함되어 배포 됩니다. 배포된 Setup파일을 실행하면 설치 과정

이 진행됩니다.

Window Vista 이상의 운영 체제에서는 보안경고창이 나타날 수 있습니다. 반드시 ‘실행’을 선택해 주시

기 바랍니다.

넥사크로 스튜디오에 대해 | 7

바탕화면에 단축 아이콘을 만들고자 한다면 아래 항목에 체크합니다.

‘Finish’버튼을 클릭하여 프로그램 설치를 완료합니다.


2.2.1 넥사크로 스튜디오의 설치정보

[시작 > 프로그램 > nexacro > 14] 경로에서 넥사크로 스튜디오 및 설치 패키지에 포함된 툴의 단축 아이콘을 확인할

수 있습니다. 설치된 각각의 단축 아이콘과 설치 폴더에 포함된 파일은 다음과 같습니다.

아이콘 메뉴 설명

Help 넥사크로플랫폼 도움말 아이콘

Uninstall Uninstall 단축 아이콘

nexacrostudio14 넥사크로 스튜디오 단축 아이콘

설치하는 제품 버전에 따라 설치된 파일 목록이 일부 변경될 수 있습니다.


2.2.2 라이선스 인증

트라이얼 라이선스

넥사크로 스튜디오 트라이얼 라이선스는 아래 웹사이트에서 신청 후 발급받거나 영업부서를 통해 발급받을 수 있습

니다.

TOBESOFT: http://support.tobesoft.co.kr/

넥사크로 스튜디오를 처음 설치하고 실행하면 아래 그림처럼 라이선스 입력창이 먼저 나타납니다. 발급받은 라이선

스 정보를 입력한 후에 넥사크로 스튜디오 실행을 진행할 수 있습니다.

항목 설명

1 Application./Service Name 트라이얼 라이선스 발급 시 입력한 이메일 주소

2 Developer License Key 발급받은 트라이얼 라이선스 키

3 User Name 사용자 이름

4 EULA Agreement EULA 동의 확인

트라이얼 라이선스 인증이 성공하면 아래 그림처럼 라이선스 관련 정보와 사용 가능 날짜를 표시합니다. 사용 가능 날

짜는 넥사크로 스튜디오 실행 시점에 항상 표시됩니다.

http://support.tobesoft.co.kr/


트라이얼 라이선스를 재 발급 받은 경우에는 넥사크로 스튜디오의 메뉴[Help > About nexacro studio]를 클릭하고

'Enter New License' 버튼을 클릭해 발급받은 트라이얼 라이선스 키를 입력합니다.

라이선스 인증 실패 메시지

라이선스 인증이 실패한 경우에는 아래와 같은 메시지가 나타납니다.

라이선스 키가 잘못 입력한 경우


활성화(Activation)되지 않은 라이선스 키를 입력한 경우

사용 기한이 끝난 경우

EULA 동의 확인을 하지 않은 경우

입력한 라이선스 키 정보가 서버에 존재하지 않아 라이선스 유효성 체크를 할 수 없는 경우


해당 라이선스를 사용할 수 있는 개발자 수가 초과된 경우

네트워크 연결 등의 문제로 서버 연결이 실패해 라이선스 유효성 체크를 할 수 없는 경우

2.2.3 버전 확인

넥사크로 스튜디오의 메뉴[Help > About nexacro studio]를 클릭하면 설치된 넥사크로 스튜디오의 버전을 확인할

수 있습니다. 입력된 라이선스 정보는 암호화되어 표시됩니다.


2.3 넥사크로 스튜디오의 삭제

[시작 > 프로그램 > nexacro > 14] 경로에서 ‘UnInstall’을 실행하면 설치된 넥사크로플랫폼 패키지와 넥사크로 스튜

디오가 제거됩니다.

사용자의 컴퓨터에 설치된 프로그램 및 설치정보를 삭제 후 완료합니다


2.4 도움말 사용

단축키 <F1>을 누르거나 메뉴[Help – Help]를 선택합니다

도움말 항목 설명

Applicaiton Objects Reference 애플리케이션 관련 항목의 도움말입니다.

Frame Objects Reference 프레임 오브젝트 항목의 도움말입니다.

Script Reference 스크립트 항목의 도움말입니다.

Objects Reference 오브젝트 항목의 도움말입니다.

Components Reference 컴포넌트 항목의 도움말입니다.

Plugins Reference 플러그인 항목의 도움말입니다.

Appendix 분류 되지 않은 추가 항목들의 도움말입니다.

작업 영역

3.

넥사크로 스튜디오는 애플리케이션 프레임, 프로젝트 탐색창, 폼 디자인, 속성창, 메시지창으로 구분됩니다.

구성요소 설명

Application

Frame

1 Menu, Tool Bar 메뉴 영역과 TextStyle, Alignment, Object 등을 제어하는 툴바를 표시

6 Status Bar 넥사크로 스튜디오의 상태를 표시하는 상태 표시줄

2 Project Explorer 작업중인 프로젝트 구성 표시

3 Form Design 디자인, 소스, 스크립트 편집

4 Properties 폼, 컴포넌트, Dataset 등의 속성 및 이벤트 속성표시, 편집

5 Message Window 각종 메시지 및 찾기 결과 표시


3.1 애플리케이션 프레임

애플리케이션 프레임에는 넥사크로 스튜디오 메뉴와 툴바 영역이 포함되며, 현재 넥사크로 스튜디오의 상태를 나타

내는 상태 표시줄을 제공합니다.

3.1.1 메뉴, 툴바 영역

기본 메뉴바와 툴바가 표시되는 영역입니다. 메뉴바는 넥사크로 스튜디오에서 기본으로 제공되며 툴바는 사용자 설

정에 따라 표시 여부를 선택할 수 있습니다.

툴바 표시 여부는 아래 메뉴에서 선택할 수 있습니다. 체크된 항목은 표시되고 체크를 해제하면 보이지 않습니다.

[Menu] File > View > Toolbars

메뉴를 사용하지 않고 메뉴, 툴바 영역에서 오른쪽 마우스를 클릭해 나타나는 컨텍스트 메뉴에서도 툴바 표시 여부를

선택할 수 있습니다.

작업 영역 | 17

툴바 앞부분으로 마우스를 가져가면 마우스 커서가 move 형태로 변경되고 해당 영역을 클릭하고 다른 위치로 드래

그하면 툴바의 위치나 순서를 변경할 수 있습니다.

3.1.2 상태 표시줄

상태 표시줄에 표시되는 넥사크로 스튜디오의 상태 값은 아래와 같습니다.

기능

1 넥사크로 스튜디오의 상태를 보여주는 메시지

2 현재 마우스 좌표

3 선택된 컴포넌트의 폼 좌표 (단위:픽셀)

4 선택된 컴포넌트의 크기 (단위:픽셀)

5 현재 파일의 상태

6 스크립트 삽입모드 상태

7 <CAPS LOCK> 설정/해제 상태

8 <NUM LOCK> 설정/해제 상태


3.2 창 배치

상태 표시줄과 폼 디자인 창을 제외한 넥사크로 스튜디오의 모든 창은 원하는 위치에 배치하거나 보이지 않게 감출 수

있습니다.

3.2.1 보이기/감추기

기능을 제공하는 창 제목줄 왼쪽에 창을 닫거나 감출 수 있는 아이콘을 제공합니다.

기능

1 설정에 따라 해당하는 창을 자동으로 감추어 주는 기능을 제공합니다.

창이 감추어진 경우에는 해당 창의 제목이 화면 오른쪽 또는 왼쪽에 탭으로 표시되며 탭 위에 마우스를 가져가거나 [V

iew] 메뉴에서 해당 창을 선택했을 때 보입니다.

설정에 따라 아이콘의 모양은 아래와 같이 변경됩니다.

창을 고정했을 경우

창을 자동으로 감추도록 설정했을 경우

2 해당 창을 닫습니다.

여러 개의 창이 탭으로 겹쳐 있는 경우에 창을 자동으로 감추는 설정을 적용하면 겹쳐진 창이 모두 해당 방향에 탭으

로 표시되며 감춰집니다.

작업 영역 | 19


3.2.2 이동

기능을 제공하는 창의 배치를 변경하거나 다른 창과 겹쳐서 탭으로 표시할 수 있습니다. 또는 넥사크로 스튜디오 영역

을 벗어나 별도의 윈도우로 배치할 수도 있습니다.

위치 변경

창의 제목 표시줄 영역 위에서 오른쪽 마우스를 누른 상태에서 끌어내면 이동할 수 있는 상태가 됩니다.

이동할 수 있는 상태에서 넥사크로 스튜디오 영역 밖으로 이동하면 별도의 윈도우로 사용할 수 있습니다. 2개 이상의

모니터를 사용하고 있다면 폼 디자인 창은 왼쪽에 속성창은 오른쪽에 배치할 수도 있습니다.

작업 영역 | 21

결합

넥사크로 스튜디오 내에서 메뉴, 툴바 영역과 상태 표시줄을 제외한 나머지 영역에 창을 배치할 수 있습니다. 단, 폼

디자인 창의 위치는 변경할 수 없습니다.

마우스로 창을 이동하는 중에 다른 창 위에 마우스 포인터가 위치하게 되면 해당 창을 기준으로 어떻게 이동하고 있는

창을 결합할지 안내해주는 아이콘이 나타납니다.

기능

1 해당 창을 기준으로 이동 중인 창을 결합할 위치를 지정합니다. 이 때 마우스 포인터로 지정한 방향에 따라 창을 결합

할 영역이 2 번과 같이 표시됩니다.

2 창이 결합할 영역을 표시합니다.

3 해당 창 기준이 아니라 메뉴, 툴바 영역과 상태 표시줄 영역을 제외한 전체 화면 영역에서 창을 결합할 방향을 지정합

니다.

예시 그림에서 1 번을 선택했을 때는 폼 디자인 창 바로 위에 속성창을 결합하지만 3 번을 선택하면 툴바 아래에

속성창을 결합합니다.


탭 결합

폼 디자인 창은 해당 창을 기준으로 바깥쪽에 창을 결합하지만 나머지 창은 탭 형식으로 중첩해 결합할 수 있습니다.

폼 디자인 창 위에 결합할 때와 다르게 가운데 위치를 선택할 수 있는 옵션이 추가되고 해당 위치에 마우스 포인터를

가져가면 창이 결합할 영역이 해당 창 위에 표시되며 하단에 탭 모양이 나타납니다.

탭으로 결합한 창을 이동할 때 제목 표시줄을 마우스로 누른 채 이동하면 해당 영역에 포함된 모든 창이

같이 움직이고 하단 탭 영역을 누른 채 이동하면 해당하는 창만 이동합니다.

작업 영역 | 23

3.3 프로젝트 탐색(Project Explorer)

프로젝트 탐색 창에서는 프로젝트에 포함된 모든 항목을 트리 형태로 표시해줍니다. 프로젝트 탐색창은 아래와 같이

보입니다.

설명

1 프로젝트에 포함된 항목 중 찾고자 하는 검색어를 입력하는 검색 창

검색어 입력 후 엔터키 또는 F3 키를 입력하면 해당하는 항목이 선택 상태로 변경됩니다.

(입력하는 항목은 대소문자 구분을 하지 않습니다)

2 검색창에 입력된 값과 일치하는 항목만 필터링해서 표시

검색어 입력창에 검색어 입력 후 필터링 아이콘을 클릭하면 서비스 그룹 내에 같은 문자열이 포함된 파일만 화면에 보

입니다.

3 적용된 필터 기능을 초기화

4 필터 기능을 적용할 서비스 그룹

5 편집 동기화 기능

6 TypeDefinition, GlobalVariables, ADL, FDL등 프로젝트에 포함된 요소 표시

3.3.1 프로젝트 검색

프로젝트 검색은 프로젝트에 포함된 파일 및 아이템을 대상으로 검색을 처리합니다. 검색어 입력 후 엔터키(또는 F3

키)를 치면 바로 검색이 진행되며 다음 검색을 진행하려면 F3키를 입력합니다.

'Data'라는 검색어를 입력하고 프로젝트 검색을 진행하면 TypeDefinition에 지정된 Dataset 컴포넌트와 GlobalVar

iables에 사용자가 생성한 Dataset 변수가 검색됩니다.


3.3.2 필터 (Filter)

필터 기능은 서비스 그룹 내에 포함된 파일과 파일 내 속성을 대상으로 입력된 항목이 포함된 파일만 필터링해서 보여

주는 기능입니다.

Form 파일을 열지 않은 상태에서는 Form 파일 이름만을 대상으로 필터링을 진행하고 Form 파일을 편집하고 있는

중에는 Form에 포함된 컴포넌트 id나 기타 속성을 대상으로 필터링을 진행합니다.

Form 파일을 열지 않은 상태에서 'Drag'라는 검색어를 입력하고 필터 기능 아이콘을 클릭하면 Form 이름에 'Drag

'가 포함된 파일만 보입니다.

작업 영역 | 25

필터 기능은 프로젝트 진행 시 업무에 따라 파일(Form) 이름을 정하는 규칙을 지정하는데 원하는 업무

에 해당하는 파일을 쉽게 찾을 수 있도록 제공하는 기능입니다.

프로젝트 검색과 필터 기능에서 서비스 그룹에 포함된 Form 파일을 열지 않은 상태에서는 Form 파일

이름만을 대상으로 처리되며 Form 파일을 편집하고 있는 중에는 Form에 포함된 레이아웃이나 스크립

트 관련 속성까지 포함해 처리됩니다.

프로젝트 검색은 전체 프로젝트에 포함된 아이템과 파일을 대상으로 하지만 필터 기능은 서비스 그룹 내

에 사용자가 생성한 파일과 속성만을 대상으로 합니다.

3.3.3 편집 동기화 (Edit Sync)

선택된 프로젝트 요소 또는 폼 내에 포함된 스크립트나 레이아웃 속성에 해당하는 코드 위치를 편집창에서 열어주는

기능입니다.


프로젝트 요소별 실행되는 파일은 아래와 같습니다.

프로젝트 요소 실행되는 파일

TypeDefinition default_typedef.xml

GlobalVariables globalvars.xml

ADL 프레임 스크립트가 있을 때 해당 소스 파일(xadl)

Form > Layout 해당 Form 파일 Source 탭

Form > Objects 해당 Form 파일 Source 탭

Form > Script 해당 Form 파일 Script 탭

3.4 폼 디자인(Form Design)

프로젝트에 필요한 컴포넌트를 배치해 애플리케이션의 각 화면을 구성합니다. 폼 디자인 창에서는 디자인 편집과 소

스 편집, 스크립트 편집을 필요에 따라 선택해 작업합니다.

3.4.1 디자인 편집(Design)

개발자가 원하는 곳에 컴포넌트를 배치할 수 있으며 각각의 컴포넌트를 자유롭게 편집하고 이동하거나 정렬해 원하

는 화면을 구성할 수 있습니다. 컴포넌트를 배치하는 Form Canvas 영역은 개발자가 임의로 크기를 변경할 수 있습니

다.

작업 영역 | 27

3.4.2 소스 편집(Source)

Form의 내용 중 스크립트 영역을 제외한 모든 내용을 XML 형태로 표시하며, XML 소스를 직접 편집해 Form의 내용

을 변경할 수 있습니다.


3.4.3 스크립트 편집(Script)

Form이나 각종 컴포넌트의 Event 처리 함수와 사용자 함수, 비즈니스 로직을 작성합니다.

작업 영역 | 29

사용하고 있는 함수나 이벤트는 스크립트 편집창 상단의 콤보박스에서 목록으로 제공됩니다. 원하는 항목을 선택하

면 해당 항목이 있는 코드 위치로 이동합니다.


3.5 속성 편집(Properties)

편집 중인 Form이나 컴포넌트, Dataset 등에 대한 속성 및 이벤트 항목을 표시하고 편집할 수 있습니다.

3.5.1 컴포넌트 목록

편집 중인 Form에 포함된 모든 컴포넌트, Dataset 등을 Component ID (Type) 형태로 보여줍니다.

작업 영역 | 31

3.5.2 툴바

정렬 방식

Group Sort

선택된 오브젝트의 속성이나 이벤트를 그룹별로 정렬하여 편집합니다. 그룹별로 편집할 때는 그림과 같이 '+'

나 '-'를 마우스로 클릭하여 항목을 펼치거나 접을 수 있습니다.

Alphabet Sort

선택된 오브젝트의 속성이나 이벤트를 이름순으로 정렬하여 편집합니다.


편집 대상

Attribute Info

선택된 오브젝트의 속성을 편집하는 기능을 제공합니다.

작업 영역 | 33

Init Info

MLM 기능 사용 시 최초 애플리케이션이 실행했을 때만 지정된 속성값을 사용하고 이후에는 사용자가 입력하거나 실

행 중 변경된 값을 사용해야 하는 경우가 있습니다. 그런 항목값은 Init Info 속성으로 별도 관리합니다. 속성값 중 Lay

out Information에 해당하는 값을 제외한 나머지 값 중에서 일부 항목만 편집할 수 있습니다.

Event Info

선택된 오브젝트의 이벤트를 편집하는 기능을 제공합니다


Bind Info

선택된 오브젝트의 속성에 Dataset을 바인딩하는 기능을 제공합니다.

Pseudo

선택된 오브젝트가 컴포넌트일 경우에만 활성화되며, disabled, focused 등 컴포넌트의 상태에 따른 컴포넌트의 스

타일을 확인할 수 있습니다.

작업 영역 | 35

3.5.3 스타일 속성 편집(Style Property Editor)

컴포넌트의 스타일 속성을 직관적으로 입력, 수정할 수 있는 편집 창으로 스타일 속성 편집 창에서 입력, 수정된 값은

속성 창에도 자동으로 반영됩니다. 화면 구성은 아래와 같습니다.

속성 설명

1 Component List 편집 중인 Form이 가지고 있는 모든 컴포넌트, Dataset 등을 목록에 표시

2 Pseudo List 선택된 컴포넌트의 각 Pseudo별로 스타일 속성을 수정할 수 있도록 Pseudo 목록을

표시

3 Style Property 컴포넌트의 스타일 속성 항목을 직관적으로 수정할 수 있도록 표시


3.6 메시지 창(Message Window)

3.6.1 Output

넥사크로 스튜디오로 작업하는 중에 발생할 수 있는 각종 메시지를 표시합니다. 메시지에는 각종 오류, 진행과정 표시

메시지 등이 포함됩니다.

3.6.2 Find Results

Find in Files 명령의 처리 결과를 표시합니다. 표시된 각 파일을 더블 클릭하면 해당 편집 창이 열리면서 해당 라인이

표시됩니다. Find in Files 검색 창에서 ‘Find results 2 window’의 체크 여부에 따라 ‘Find Results 1’ 또는 ‘Find Res

ults 2’에 결과를 표시합니다.

작업 영역 | 37

3.6.3 Global Bookmark

소스나 스크립트 편집 창에서 사용한 북마크 목록을 관리합니다. 목록에 표시된 북마크를 더블 클릭하면 편집 창이 열

리고 해당 라인이 표시됩니다.

아이콘 이름 설명

Toggle Bookmark 커서 위치의 북마크를 설정 및 해제

Previous Bookmark 이전 북마크를 찾아 커서를 위치

Next Bookmark 다음 북마크를 찾아 커서를 위치

Previous Bookmark in Document 현재 편집 창에서 이전 북마크를 찾아 커서를 위치

Next Bookmark in Document 현재 편집 창에서 다음 북마크를 찾아 커서를 위치

Clear Bookmark 설정된 북마크를 모두 해제

Clear Bookmark In Document 현재 편집 창에서 설정된 북마크를 모두 해제

Project Filter 항목의 옵션을 조절하여 북마크 목록을 필터링 할 수 있습니다. 또한 아래의 옵션 외에 북마크를 가진

프로젝트 목록이 옵션 창에 추가로 표시됩니다.

옵션 설명

Show All Bookmarks 넥사크로 스튜디오에서 설정된 모든 북마크를 목록에 표시

Show Bookmarks that marked in Current project only 현재 프로젝트에 해당하는 북마크만 목록에 표시.


Global Bookmark 창에서 북마크를 설정, 해제하면 해당 편집 창에 바로 반영되며, 북마크 목록은 넥사

크로 스튜디오 내부적으로 별도 관리하기 때문에 다른 장소에서 만든 프로젝트를 복사해 작업하는 경우

북마크까지 복사되지 않습니다.

3.7 디버그 창(Debug Window)

작성된 애플리케이션 코드의 문제점을 찾기 위해 디버깅 작업을 진행할 때 필요한 기능을 제공합니다.

넥사크로 스튜디오에서 제공하는 디버깅 기능은 런타임으로 실행했을 때만 동작합니다. 실행환경이 웹

브라우저인 경우에는 웹브라우저에서 제공하는 디버깅 기능을 사용해야 합니다.

웹브라우저에서 제공하는 디버깅 기능은 아래 링크 정보를 참조하세요.

인터넷 익스플로러 http://msdn.microsoft.com/en-us/library/ie/gg699336(v=vs.85).aspx

구글 크롬 https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

파이어폭스 https://developer.mozilla.org/en/docs/Debugging_JavaScript

3.7.1 Debug Message

디버깅 모드에서 발생하는 메시지를 표시합니다.

http://msdn.microsoft.com/en-us/library/ie/gg699336(v=vs.85).aspx

https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

https://developer.mozilla.org/en/docs/Debugging_JavaScript

작업 영역 | 39

3.7.2 Breakpoints

디버깅 모드에서 일시 정지할 위치를 스크립트 코드 상에서 지정할 수 있습니다. 이렇게 지정된 위치를 브레이크 포인

트라고 하며 지정된 값은 브레이크 포인트 창에서 목록 형태로 볼 수 있습니다.

브레이크 포인트가 설정된 소스 위치로 이동하거나 비활성화 또는 삭제하는 기능을 제공합니다.

3.7.3 Call Stack

현재 위치까지 호출된 함수를 역순으로 표시합니다. 해당 항목을 더블클릭하면 이벤트를 호출한 위치의 코드로 이동

합니다.


오른쪽에 있는 돋보기 아이콘을 더블클릭하면 새로운 창에 해당 이벤트 코드를 표시해줍니다.

3.7.4 Variables

현재 위치에서 접근 가능한 변수나 오브젝트의 값을 표시합니다.

작업 영역 | 41

3.7.5 Watch

특정 변수 또는 오브젝트를 지정해놓고 해당 값의 변화를 살펴보는 기능을 제공합니다.

프로젝트

4.

넥사크로플랫폼으로 실행되는 그룹 단위를 Project라고 부르며, xprj 확장자를 가진 파일로 생성되어 관리 됩니다. Pr

oject는 기본적으로 ADL, TypeDefinition, Global Variables, FDL로 관리되며 이 단락에서는 각각의 항목에 대해

설명합니다.

4.1 Project 생성 마법사

Project 생성 마법사를 이용하여 새로운 Project를 생성할 수 있습니다. 메뉴 File[New – Project]에서 Project 생성

마법사를 시작합니다.


생성될 Project의 Frame Template와 생성될 경로 및 Project명을 입력하는 단계입니다. Project명은 반드시 입력해

야 하는 필수 항목이며, 생성될 경로에 동일한 Project명이 존재할 경우에는 생성할 수 없습니다.

프로젝트 | 43

속성 설명

1 Frame Template • Default

Default Frame으로 생성

2 Project Template 기존 Project Template를 선택

3 Show List Icon Project Icon 표시 방법을 결정

4 Project Information 현재 선택된 Template를 표시

5 • Add to Current Project

현재 작업중인 Project에 추가

• Create a new Project

새 Project를 생성

6 Name Project 이름

7 Location Project의 Root 폴더

같은 폴더 내에 같은 이름으로 프로젝트를 생성할 수 없습니다. 다른 폴더 또는 다른 이름으로 프로젝트를 생성해야

합니다.

프로젝트, Form, 오브젝트 id 등 이름을 지정하는 항목에서는 아래 특수문자를 사용할 수 없습니다. 해당 문자를 입

력하고 다음 단계로 넘어가려 시도하면 오류 메시지가 나타나고 처리가 되지 않습니다.

tab new-line return \ / : ‘ * ? “ < > | ! @ # $ % ^ & ( ) - + = ~ [ ] { } , `


특수 문자 외 아래 항목의 문자도 사용할 수 없습니다. 해당 문자는 입력이 제한되거나 입력 시 오류 메시지가 나타납

니다.

Null 문자열, .(Dot), 숫자로 시작하는 문자열, 2바이트 문자

윈도우 환경에서는 특정 이름으로 새 폴더나 파일을 만들 수 없습니다. 프로젝트명으로 새로운 폴더가

만들어지는 넥사크로플랫폼 역시 해당 이름을 사용할 수 없습니다.

사용할 수 없는 이름은 아래 링크를 참고하세요.

http://msdn.microsoft.com/en-us/library/aa365247.aspx#naming_conventions

http://msdn.microsoft.com/en-us/library/aa365247.aspx#naming_conventions

프로젝트 | 45

4.1.2 2단계 Definition

Project의 TypeDefinition을 설정합니다.

기본 Character Set은 UTF-8로 지정됩니다.

속성 설명

1 TypeDefinition

XML 선택

• Create new TypeDefinition from default

Default TypeDefinition으로 새로운 TypeDefinition 생성

• Existing TypeDefinition

기존 TypeDefinition을 적용

2 TypeDefinition

XML 경로

TypeDefinition XML의 경로


4.1.3 3단계 Screen

Project의 Screen Info를 설정합니다. Screen이란 Application 구동 시 필요한 화면 크기등과 관련된 정보들의 모음

입니다.

프로젝트 | 47

설명

1 Screen 정보를 편집합니다.

2 Template 목록에서 Screen 정보를 가져옵니다.

3 Screen을 추가합니다.

4 Screen을 삭제합니다.

5 Screen 정보가 포함된 ADL 파일을 생성합니다.

Screen 속성 설명

name Screen 이름 (고유 식별자)

type 사용 장비 형태

- 'desktop', 'phone', 'tablet' 중 여러 항목을 선택할 수 있습니다.

screenwidth Screen 너비 (입력 제한: 0~65536)

sizeorientation screenwidth 속성을 처리하는 방향을 지정합니다.

- 'landscape', 'portrait' 중 한 가지 항목을 선택합니다.

- 기본값 'landscape' (type 속성에 'desktop' 또는 'tablet' 항목이 포함된 경우)

- 기본값 'portrait' (type 속성이 'phone'인 경우)

autozoom 자동 확대, 축소 기능 사용 여부를 지정합니다.

- true, false 중 한 가지 항목을 선택합니다. (기본값은 false)

- type 속성에 'desktop'일 경우에는 autozoom 설정은 적용하지 않습니다.

zoommin autozoom 기능 사용 시 최솟값 정보를 지정합니다.

- 음수 지정 시 무제한, 기본값은 -1

zoommax autozoom 기능 사용시 최댓값 정보를 지정합니다.

- 음수 지정 시 무제한, 기본값은 -1

systemos Screen에서 사용할 OS 정보

- 'windows', 'android', 'ios' 중 여러 항목을 선택할 수 있습니다.

- 기본값은 모든 OS 속성값을 포함합니다.

systemlocale Screen에서 사용할 Locale 정보

- 'af_ZA' … "zh_TW" 중 여러 항목을 선택할 수 있습니다.

- 기본값은 모든 Locale 속성값을 포함합니다.

formlayoutwidth Screen에서 사용할 Form Layout의 너비를 지정합니다.

formlayoutheight Screen에서 사용할 Form Layout의 높이를 지정합니다.

themeid는 Screen별 Application 속성으로 ADL 생성 후 별도 편집기에서 지정할 수 있습니다.


4.2 Application Definition Language(ADL)

Project에 전반적으로 적용되는 Style이나 Theme, MainFrame 등을 관리합니다. Launch Project시 활성화된 ADL

로 Project의 Style, Theme등이 적용됩니다.

메뉴 기능

Edit Source 선택된 ADL의 XML을 편집하는 Source 편집 창으로 이동

Edit Script 선택된 ADL의 Script를 편집하는 Script 편집 창으로 이동

Insert ADL Item • Style

스타일 CSS파일을 추가

• Tray

Tray 추가

• Theme

프로젝트 | 49

Xtheme 파일 추가

• Screen

Screen 정보 추가

Set as Active ADL 선택된 ADL을 활성화

활성화된 ADL에서 해당 메뉴 기능이 비활성화됨

Copy 지원되지 않는 기능

Cut 지원되지 않는 기능

Paste 지원되지 않는 기능

Collapse All ADL 하위 Tree Item을 감춤

Expand All ADL 하위 Tree Item을 펼침

Screen Template Screen Template 목록 편집

Copy Full Path 선택된 ADL 파일이 저장된 경로를 클립보드에 복사

Open Containing Folder 선택된 ADL 파일 위치를 윈도우 탐색기에서 열어서 보여줌

Close 지원되지 않는 기능

Save 선택된 ADL의 정보를 저장

Save As… 선택된 ADL의 정보를 다른 이름으로 저장

Rename 선택된 ADL의 이름을 변경

Generate 선택된 프로젝트 Build

• Generate Application

• Generate Themes

• Generate File

Refresh ADL XML을 Reload

Delete 선택된 ADL을 삭제

메뉴 기능

4.2.1 MainFrame

넥사크로플랫폼 애플리케이션의 기본 화면을 구성하는 요소입니다. 하위 구성 요소로 ChildFrame을 가지고 있으며

프로젝트와 함께 기본 생성됩니다.


메뉴 기능

Edit MainFrame 하위 Tree Item 편집

Insert Frame MainFrame 하위 Tree Item 추가




Collapse All MainFrame의 하위 Tree Item을 감춤

Expand All MainFrame의 하위 Tree Item을 펼침

Copy Full Path 선택된 MainFrame 파일이 저장된 경로를 클립보드에 복사

Open Containing Folder 선택된 MainFrame 파일 위치를 윈도우 탐색기에서 열어서 보여줌


Save 편집 중인 MainFrame을 저장

Save As… Main Menu에서는 지원되지 않는 기능

Rename Main Menu에서는 지원되지 않는 기능



• Generate Themes

프로젝트 | 51

Refresh 지원되지 않는 기능

Delete MainFrame 삭제

메뉴 기능

ChildFrame은 MainFrame 하위에 올 수 있는 프레임으로 Form 정보를 Url 형태로 가지고 있어 해당 F

orm을 화면에 표시합니다. 기본적으로 Form이 로딩될 수 있는 기본 단위 화면을 의미합니다.

4.2.2 Theme

사용자가 제작한 Theme를 적용하여 Project의 스타일을 쉽게 변경할 수 있습니다.

메뉴 기능


Edit Theme Editor를 호출

New Theme 새 Theme를 추가

Insert Theme Theme 삽입




Collapse All Themes 하위 Tree Item을 감춤

Expand All Themes 하위 Tree Item을 펼침

Copy Full Path 활성화된 테마 파일이 저장된 경로를 클립보드에 복사

Open Containing Folder 활성화된 테마 파일 위치를 윈도우 탐색기에서 열어서 보여줌


Save 지원되지 않는 기능

Save As… 지원되지 않는 기능

Rename 지원되지 않는 기능



• Generate Themes


메뉴 기능

프로젝트 | 53

메뉴 기능

Edit Theme Editor를 호출

Set as Active Theme Project가 실행될 때 선택된 Theme가 적용되도록 설정

선택된 테마에서는 비활성화




Collapse All 지원되지 않는 기능

Expand All 지원되지 않는 기능

Copy Full Path 테마 파일이 저장된 경로를 클립보드에 복사

Open Containing Folder 테마 파일 위치를 윈도우 탐색기에서 열어서 보여줌

Close Theme Editor 닫기

Save 편집 중인 Theme를 저장

Save As… 편집 중인 Theme를 다른 이름으로 저장

Rename 테마 파일 이름 변경



• Generate Themes


Delete 선택된 테마 파일를 삭제

이미지 파일을 확인하는 경우에는 이미지 미리보기 창 아래에 이미지 파일 관련 정보가 추가적으로 보입

니다.


메뉴 기능

Edit CSS를 편집할 수 있는 CSS Editor를 호출

(CSS Editor의 상세설명은 Style의 설명을 참조)

New Folder Theme안에 새 Folder를 생성

Insert File 그림 파일 또는 CSS 파일 추가

Remove File Tree에서 선택된 파일을 목록에서 제거

Rename Tree에서 선택된 파일의 이름을 수정

Set Extern Deploy Theme기능에서 Extern File로 저장 될 Image를 선택. CheckBox가 Uncheck상태로

설정됨

(단, default.xtheme등의 기본제공 Theme선택 시에는 나타나지 않음)

Unset Extern 위 Set Extern으로 설정된 Extern File을 해제. CheckBox가 Check상태로 설정됨

(단, default.xtheme등의 기본제공 Theme선택 시에는 나타나지 않음)

4.2.3 ScreenInfo

‘New Project Wizard’에서 입력한 Screen정보를 수정하거나 새로운 Screen정보를 입력할 수 있는 Editor기능이 추

가되었습니다.

‘Project Explorer’에서 ADL Item에서 제공되는 Popup메뉴를 사용하여 새로운 Screen정보를 추가하거나 ADL Ite

m의 하위 정보로 표시되는 ‘ScreenInfo’등을 선택하여 편집할 수 있습니다.

프로젝트 | 55

메뉴 기능

Edit Screen Editor를 호출

Insert Screen 새로운 Screen정보 추가




Collapse All ScreenInfo 하위 Tree Item을 감춤

Expand All ScreenInfo 하위 Tree Item을 펼침

Copy Full Path 선택된 ADL 파일이 저장된 경로를 클립보드에 복사

(ScreenInfo 정보는 ADL 파일에 포함되어 있습니다)

Open Containing Folder 선택된 ADL 파일 위치를 윈도우 탐색기에서 열어서 보여줌


Save 편집 중인 ScreenInfo 를 저장






• Generate Themes


메뉴 기능

‘ScreenInfo Editor’는 기존에 제공되던 ‘Variable Editor’와 같은 방식으로 편집기능을 제공합니다.

속성 설명

1 Add 새 Screen정보를 추가하는 버튼

2 Del ScreenInfo그리드에서 선택된 Screen정보를 삭제하는 버튼

3 Screen정보 그리드 Project가 사용할 Screen정보를 보여주는 그리드

4 Property Window ScreenInfo그리드에서 선택된 Screen정보는 Properties Windows에서 동

일하게 표시되며 수정할 수 있습니다.

5 Add Application Property Screen 정보에 애플리케이션 속성 정보를 추가하는 버튼

Add Application Property

속성 창에서 'Add Application Property' 항목 선택 시 애플리케이션 속성 정보를 추가할 수 있는 대화상자가 나타

납니다.

프로젝트 | 57

속성 설명

1 Screen name 선택된 Screen name 표시

2 정렬 방식 속성 목록 정렬 방식을 선택합니다 (Group/Alphabet)

3 애플리케이션 속성 목록 Screen 정보에 추가할 수 있는 애플리케이션 속성 정보가 표시됩니다. 값을

입력하고 'OK' 버튼을 클릭하면 속성 창에 'Application' 그룹이 생성되고 지

정한 속성 항목이 추가됩니다.

● 속성 목록에서 값을 삭제하면 속성 창에서도 해당 속성 항목기 삭제됩

니다.

추가된 애플리케이션 속성 정보는 컨텍스트 메뉴에서 삭제할 수 있습니다.


4.2.4 Tray

윈도우 시스템 트레이에 하나 이상의 애플리케이션 아이콘을 추가하고 팝업 메뉴 등을 사용해 애플리케이션을 제어

할 수 있습니다.

트레이 추가

ADL 메뉴에서 'Insert ADL Item'을 선택하고 'Tray' 항목을 선택하면 새로운 트레이 아이템을 추가할 수 있습니다.

트레이 아이템이 추가되면 'Trays'라는 그룹이 생성되고 추가한 트레이를 확인할 수 있습니다. 새로운 트레이 항목을

추가하려면 'Trays' 그룹 메뉴에서 'Insert Tray' 항목을 선택하거나 트레이 아이템 편집창에서 추가 버튼을 선택합니

다.

프로젝트 | 59

하나 이상의 트레이를 추가한 경우에는 애플리케이션이 시작되면서 시스템 트레이에 여러 개 아이콘을

표시합니다.

아이템 추가

시스템 트레이에서 애플리케이션 아이콘 클릭 시 한가지 동작만 처리하도록 할 수 있습니다. 하지만 더 많은 기능을

사용하려면 팝업 메뉴 형태로 기능을 표시하고 사용자가 원하는 기능을 선택할 수 있도록 지원합니다.

트레이를 선택하고 속성창에서 items 항목을 선택하면 트레이팝업메뉴아이템을 편집할 수 있는 창이 나타납니다. 새

로운 아이템을 추가하고 innerdataset에 원하는 항목을 추가합니다.

innerdataset에 항목을 추가하는 것은 Menu 컴포넌트나 PopupMenu 컴포넌트에서 사용하는 형식과 같습니다. le

velcolumn 값은 0부터 시작하며 captioncolumn에 '&'문자를 추가하면 단축키로 사용할 수 있습니다.


트레이 실행

런타임으로 애플리케이션 실행 시 등록한 트레이는 자동으로 실행되어 시스템 트레이에 아이콘으로 표시됩니다. 해

당 트레이를 마우스로 클릭해 등록한 아이템을 팝업 메뉴로 실행하려면 아래와 같이 이벤트를 추가합니다.

this.Tray0_onlbuttonup = function(obj:Tray, e:nexacro.MouseEventInfo)

{

obj.items['item00'].trackPopup();

}

프로젝트 | 61

4.3 Type Definition의 편집

넥사크로 스튜디오에서는 Component, Service, Update를 Type Definition에 등록해서 Prefix로 사용할 수 있습니

다. Type Definition에 등록된 각각의 항목은 Edit TypeDefinition에서 기존 항목의 수정, 삭제 및 신규 항목을 추가



메뉴 기능

Edit TypeDefinition을 편집할 수 있는 편집창 호출

Insert Typedefinition Item TypeDefinition의 Protocols에 새로 프로토콜을 추가할 수 있는 프로토콜 추가 마법사

호출




Collapse All TypeDefinition의 하위 트리 아이템을 감춤

Expand All TypeDefinition의 하위 트리 아이템을 펼침

Copy Full Path TypeDefinition 파일이 저장된 경로를 클립보드에 복사

Open Containing Folder TypeDefinition 파일 위치를 윈도우 탐색기에서 열어서 보여줌


Save 지원되지 않는 기능




프로젝트 | 63


• Generate Themes

• Generate Service

• Generate File

Refresh TypeDefinition XML을 Reload

메뉴 기능

4.3.1 Edit TypeDefinition

Edit TypeDefinition은 Project Explorer창에서 TypeDefinition 항목을 더블 클릭하거나 메뉴에서 편집창을 호출해

사용할 수 있습니다.

● Objects

넥사크로플랫폼에서 사용하는 Button, CheckBox등 Design으로 표현되는 컴포넌트들과 Dataset등과 같은 Inv

isible 컴포넌트는 모듈에 등록된 라이브러리에서 관리합니다. 애플리케이션이 정상적으로 동작하기 위해서는 사

용하는 라이브러리 폴더가 접근 가능한 경로에 설정되어 있어야 합니다.


Column 설명

Type Component의 Type

ID Component의 ID

ClassName Component의 ClassName

Image Component 툴바에서 사용될 이미지

Default Width Component 기본 넓이

Default Height Component 기본 높이

● Modules

추가로 개발된 컴포넌트를 사용하기 위해서는 관련된 모듈을 등록하고 연결된 컴포넌트를 사용할 수 있습니다.

● Protocols

Protocol Definition에서는 새로운 프로토콜을 등록/삭제하고 프로토콜을 사용할 장치 타입을 관리합니다. 또한

선택한 장치 타입에 맞게 각각 모듈 정보와 클래스 정보를 등록할 수 있습니다.

프로젝트 | 65

디바이스 타입 Column 설명

Runtime ModuleName 바이너리 모듈의 이름입니다. TargetPath의 경로로부터 [ModuleName].dll 파일을

찾아서 등록합니다.

TargetPath 바이너리 모듈을 받아올 경로입니다.

HTML5 Classname HTML5 환경에서 사용할 프로토콜의 클래스 이름입니다.

Android Classname Android 환경에서 사용할 프로토콜의 클래스 이름입니다.

iOS Classname iOS 환경에서 사용할 프로토콜의 클래스 이름입니다.

● Services

Service Definition에서는 넥사크로 스튜디오에서 사용되는 Folder Path나 Internet URL등을 관리합니다. Add,

Delete버튼을 사용하여 새 Service를 추가하거나, 선택된 Service를 삭제할 수 있습니다.

Column 설명

PrefixID Service의 PrefixID

Type Service의 Type


Url Service 경로

CacheLevel Cache 기능사용 여부

Codepage Code Page 이름

Language 사용 언어

Version Service의 버전 정보

Communication

version

Communication 버전 정보

ServiceList Service List 호출 경로 (Type을 'bs', 'metadata'로 지정한 경우 사용)

DatasetLayout Model Service Layout 호출 경로 (Type을 'bs', 'metadata'로 지정한 경우 사용)

ExecuteUrl Business Service가 실행될 경로 (Type을 'bs'로 지정한 경우 사용)

File Extension 서비스에 관리할 대상 파일 확장자 목록 (Type을 'file'로 지정한 경우 사용)

세미콜론(;)으로 확장자를 구분해 입력 (예, js;txt;xfdl;xml)

Include

Sub-directory

하위 디렉토리 포함 여부 (Type을 'file'로 지정한 경우 사용)

Search Column Metadata 편집기에서 데이터 탐색 시 탐색 범위 컬럼을 지정 (Type을 'metadata'로 지정한

경우 사용)

세미콜론(;)으로 확장자를 구분해 입력하며 입력하지 않은 경우 모든 컬럼을 탐색 범위로 지정

Column 설명

PrefixID 지정 시 아래 항목은 사용하지 않을 것을 권장합니다. 사용 시 오류가 발생할 수 있습니다.

- 빈 문자열

- 숫자로 시작하는 문자열

- 이미 지정된 PrefixID와 중복된 문자열

- 특수문자를 포함한 문자열

space(' '), \t, \n, \r, \, /, :, ;, *, ?, ', ", <, >, |, !, @, #, $, %, ^, &, (, ) , -, +, =, ~, [, ], {, }, `, c

omma(,), dot(.)

선택한 Type 값에 따라 [Project Explorer]에 표시하는 파일 형식이 제한됩니다.

Service Type File extension

form *.xfdl, *.xjs, *.js

js *.js, *.xjs

file 제한 없음

File Extension에 확장자를 지정한 경우에는 해당 확장자로 제한

css *.css

JSP PrefixID로만 사용하며 [Project Explorer]에 표시하지 않습니다.

ASP PrefixID로만 사용하며 [Project Explorer]에 표시하지 않습니다.

SAP PrefixID로만 사용하며 [Project Explorer]에 표시하지 않습니다.

bs business service dataset

프로젝트 | 67

metadata metadata service dataset

Service Type File extension

각 서비스는 Type에 따라 허용된 확장자 파일만 관리합니다. 허용되지 않는 파일은 [Project Explorer]

에 표시하지 않습니다.

Generate, Deploy 처리 시 허용된 파일 형식 외 파일은 복사되지 않습니다. 예를 들어 Type이 'form

'인 서비스 디렉토리에 *.json 파일이 있다면 해당 파일은 복사되지 않습니다.

Type이 'JSP', 'ASP', 'SAP'인 서비스는 디렉토리 자체가 복사되지 않습니다.

Type이 'JSP', 'ASP', 'SAP'인 경우에는 넥사크로 스튜디오에서 파일 목록을 표시하지 않습니다. Prefix

ID로 사용하는 용도로만 사용합니다.

● Update

Update Definition에서는 Web 또는 이미 개발된 Application상에서의 넥사크로플랫폼에 필요한 파일 배포 및

버전을 관리합니다. Add, Delete 버튼을 사용하여 새 Update를 추가하거나, 선택된 Update를 삭제할 수 있습

니다


Column 설명

SystemType 시스템 타입 선택 (Windows, Android, iOS)

OS 운영체제 타입 선택

Device 기기 타입 선택

UpdateUrl Component를 업데이트할 서버 경로

EngineUrl Engine 설치 URL

EngineSetupKey Engine 설치키

EngineVersion Engine 버전

Timeout 대기시간 (SystemType을 'Android', 'iOS'로 지정한 경우 사용)

Retry 재시도 횟수 (SystemType을 'Android', 'iOS'로 지정한 경우 사용)

AutoUpdate auto, manual 중 선택 (SystemType을 'Android', 'iOS'로 지정한 경우 사용)

Description 기타 메모 (시스템 실행에는 영향을 미치지 않습니다)

Resource

Type 리소스 파일 타입 (Object, Theme, File, Engine)

File 파일명 (확장자 포함)

TargetPath 업데이트 경로 (Destination)

Version 업데이트 파일 버전

UpdateUrl 경로로 지정한 도메인이 XADL 경로와 일치하지 않는 경우에는 업데이트하지 않습니다.

XADL 경로가 로컬로 지정된 경우에는 도메인 정보와 상관없이 업데이트합니다.

모바일 디바이스 앱 개발 시 필요한 옵션에 대한 설명은 관리자 가이드 문서를 참조해주세요.

14.0.1.3200 이후 버전에서는 보안 취약점 보완에 따라 아래와 같은 제약 사항이 추가되었습니다.

• Targetpath 항목값은 Alias 경로로 지정한 경우에만 업데이트할 수 있습니다.

- 사용할 수 있는 Alias 경로는 아래 문서를 참고하세요.

- http://docs.tobesoft.com/admin_guide_nexacro_14_ko#29a8bc0eb7c0e7ff

• Targetpath 항목값이 시작메뉴 폴더인 경우에는 업데이트를 허용하지 않습니다.

• Targetpath 항목값으로 "../" 와 같은 상대경로를 입력할 수 없습니다.

4.3.2 Service Refactoring

Type Definition에서 사용중인 Service의 PrefixID를 변경할 경우에 사용중인 부분을 자동으로 변경된 PrefixID로 변

경해주는 Refactoring 기능이 수행됩니다.

http://docs.tobesoft.com/admin_guide_nexacro_14_ko#29a8bc0eb7c0e7ff

프로젝트 | 69

현재 Project에서 사용중인 변경 전 PrefixID를 모두 리스트로 보여주며 ‘Rename’을 클릭할 때 체크되어 있는 항목을

자동으로 변경해 줍니다.

4.3.3 Metadata

Metadata 시스템에서 관리하는 데이터를 넥사크로 스튜디오에 연동하는 기능입니다. 처리된 Metadata는 Dataset

으로 사용하거나 id 또는 text 속성값으로 가져와 사용할 수 있습니다.

Metadata 등록

[TypeDefinition > Services] 탭에서 등록합니다.


하나의 프로젝트에 Metadata 서비스는 하나만 등록할 수 있습니다. 하나 이상 항목을 등록하려 하는 경우 아래와 같

은 메시지가 출력되며 저장되지 않습니다.

실제 서비스를 처리하기 위해서는 기본 항목 외에 'Service List', 'DatasetLayout' 항목을 지정해주어야 합니다.

Service List

서비스 데이터셋 파일을 지정합니다. 제공되는 파일 형태는 아래와 같습니다. Metadata 처리를 위해 컬럼 데이터 중

'DOMAIN', 'MODEL' 항목은 'metadata'로 입력해야 합니다.

Column ID 설명 (고정값)

1 DOMAIN metadata

2 MODEL metadata

3 DESCRIPTION 설명

4 DATASOURCE 사용한 데이터소스

<?xml version="1.0" encoding="utf-8"?>

<Root xmlns='http://www.nexacroplatform.com/platform/Dataset' ver='4000'>

<Parameters>

<Parameter id="ErrorCode" type="int">0</Parameter>

<Parameter id="ErrorMsg" type="string">success</Parameter>

</Parameters>

<Dataset id="termService">

<ColumnInfo>

<Column id="DOMAIN" type="string" size="255"/>

<Column id="MODEL" type="string" size="255"/>

<Column id="DESCRIPTION" type="string" size="255"/>

<Column id="DATASOURCE" type="string" size="255"/>

</ColumnInfo>

<Rows>

<Row>

<Col id="DOMAIN">metadata</Col>

<Col id="MODEL">metadata</Col>

<Col id="DESCRIPTION">description</Col>

프로젝트 | 71

<Col id="DATASOURCE">DB</Col>

</Row>

</Rows>

</Dataset>

</Root>

DatasetLayout

Dataset Layout에 담길 정보를 지정합니다. 제공되는 파일 형태는 아래와 같습니다. Dataset Layout에는 output D

ataset과 metadata Dataset 정보를 기술합니다. output Dataset에서 제공하는 컬럼 중 'name' 항목은 'metadata

'로 입력해야 하며 metadata Dataset의 id 항목도 'metadata'로 입력해야 합니다.

Column ID 설명 (고정값)

1 name metadata

2 type dataset

3 description 데이터에 대한 설명

<?xml version='1.0' encoding='utf-8'?>

<Root xmlns='http://www.nexacroplatform.com/platform/Dataset' ver='4000'>

<Parameters>

<Parameter id='svcid' type='string'></Parameter>

<Parameter id='ErrorCode' type='int'>0</Parameter>

</Parameters>

<Dataset id='output'>

<ColumnInfo>

<Column id='name' type='STRING' size='50'/>

<Column id='type' type='STRING' size='50'/>

<Column id='description' type='STRING' size='256'/>

</ColumnInfo>

<Rows>

<Row>

<Col id='name'>metadata</Col>

<Col id='type'>dataset</Col>

<Col id='description'>Color code</Col>

</Row>

</Rows>

</Dataset>

<Dataset id='metadata'>

<ColumnInfo>

<Column id='CODE' type='STRING' size='50'/>

<Column id='NAME' type='STRING' size='50'/>


</ColumnInfo>

<Rows>

<Row>

<Col id='CODE'>0048BA</Col>

<Col id='NAME'>Absolute Zero</Col>

</Row>

<Row>

<Col id='CODE'>4C2F27</Col>

<Col id='NAME'>Acajou</Col>

</Row>

<Row>

<Col id='CODE'>B0BF1A</Col>

<Col id='NAME'>Acid green</Col>

</Row>

<Row>

<Col id='CODE'>C9FFE5</Col>

<Col id='NAME'>Aero</Col>

</Row>

</Rows>

</Dataset>

</Root>

DatasetLayout 서비스 호출은 아래와 같은 형식으로 처리됩니다.

'서비스URL' + '서비스리스트' + &domain=도메인명&model=모델명

고정된 XML 파일을 작성해 메타데이터로 사용한다면 아래와 같이 DatasetLayout 값을 입력해야 합니

다.

ServiceModelData.xml?service=serviceInfo

옵션 설정

Metadata를 id 또는 text 속성값으로 가져와 사용하려면 옵션에서 별도 설정이 필요합니다. 메뉴에서 [Tools > Opti

ons > Environment > Business Service] 'Use user-defined metadata' 항목을 사용함으로 체크합니다.

프로젝트 | 73

해당 옵션에서 'Load business service layout information on Startup' 항목을 사용함으로 체크하면 프로젝트를

불러올때 Metadata 정보도 같이 가져옵니다. 해당 옵션을 사용하지 않는다면 수작업으로 Metadata를 선택하고 'R

efresh' 메뉴를 선택해 정보를 가져올 수 있습니다.

속성값으로 적용

'Use user-defined metadata' 항목을 사용함으로 체크한 경우에는 id, text 속성창에서 Metadata 정보를 호출할

수 있는 버튼이 보입니다. 해당 버튼을 클릭하고 원하는 항목을 선택해 속성값으로 적용할 수 있습니다.


데이터가 많은 경우에는 컬럼값을 필터링해서 선택할 수 있습니다. 필러팅 대상 컬럼은 서비스 등록 시 'Search Colu

mn' 항목에서 지정할 수 있습니다.

속성값으로 적용한 값은 실제 속성값으로 적용됩니다. Metadata와 바인딩되는 것은 아니기 때문에 Me

tadata가 변경되더라도 해당 속성값은 변경되지 않습니다.

Dataset으로 적용

[Project Explorer]에서 Metadata을 선택하고 'Invisible Objects' 영역으로 마우스 드래그앤드롭으로 옮기면 Data

set으로 만들어집니다.

4.4 Global Variables

GlobalVariables에서는 ADL과 Form에는 포함되지 않으나 Project 전체에 걸쳐 사용되는 여러 Global 항목이 표시

됩니다. 또한 각각의 편집기를 사용하여 GlobalVariables에 항목을 추가하거나 수정할 수 있습니다.

GlobalVariables Item으로 Dataset, Variable, Image 항목이 입력 가능합니다.

프로젝트 | 75

메뉴 기능

Edit Source GlobalVariables를 XML 편집 창에서 직접수정

Insert Global Variables Item • Dataset

Dataset Editor에 새로운 Dataset을 추가

• Variable

Variable Editor에 새로운 Variable을 추가

• Image

Image를 추가




Collapse All GlobalVariables 하위 Tree Item을 감춤

Expand All GlobalVariables 하위 Tree Item을 펼침

Copy Full Path GlobalVariables 파일이 저장된 경로를 클립보드에 복사

Open Containing Folder GlobalVariables 파일 위치를 윈도우 탐색기에서 열어서 보여줌


Save 편집 중인 GlobalVariables를 저장






• Generate Themes

• Generate File

Refresh GlobalVariables XML을 Reload

메뉴 기능

4.4.1 Datasets

Dataset은 Data를 처리하는 Table형태의 기억장소입니다. Presentation용 컴포넌트와 Dataset이 Bind된 경우 Dat

a변경사항이 해당 컴포넌트에 자동으로 동기화 되는 기능도 제공합니다.

메뉴 기능

Edit Dataset Editor 호출

Insert Dataset Dataset Editor에 새로운 Dataset을 추가



프로젝트 | 77


Collapse All Datasets 하위 Tree Item을 감춤

Expand All Datasets 하위 Tree Item을 펼침




Save 편집 중인 Dataset을 저장





• Generate Themes


메뉴 기능

Dataset편집 창에서 Dataset항목을 추가, 삭제하거나 구성을 변경할 수 있습니다.

속성 설명

1 Import Datasets 저장된 파일에서 Dataset을 Load

2 Export Datasets 현재 Dataset을 파일로 Save


3 Add a New Dataset Dataset 추가

4 Delete selected Datasets Dataset 삭제

5 Const Constant Data의 Columns 설정

6 Add a new Const Column Constant Column 추가

7 Insert a new Const Column 커서가 위치한 상단에 Constant Column 삽입

8 Delete selected Const Columns Constant Column 삭제

9 Columns Dataset의 Columns 설정

10 Add a new Column Dataset의 Column 추가

11 Insert a new Column 커서가 위치한 상단에 Column 삽입

12 Delete selected Columns Dataset의 Column 삭제

13 Rows Dataset의 Row 설정

14 Add a new Row Dataset의 Row 추가

15 Insert a new Row 커서가 위치한 상단에 Row 삽입

16 Delete selected Rows Dataset의 Row 삭제

속성 설명

4.4.2 Variables

Variables는 Project 내에서 전역적으로 사용하는 변수입니다.

프로젝트 | 79

메뉴 기능

Edit Variable Editor 호출

Insert Variable Variable Editor에 새로운 Variable을 추가




Collapse All Variables 하위 Tree Item을 감춤

Expand All Variables 하위 Tree Item을 펼침




Save 편집 중인 Variable을 저장





• Generate Themes


Variable편집 창에서 Variable항목을 추가, 삭제하거나 구성을 변경할 수 있습니다.

속성 설명

1 ID Variable명

2 Initval 초기값

3 Usecookie Cookie의 사용여부 설정

4 Add Variable Variable 추가

5 Delete Variable 선택된 Variable 삭제


4.4.3 Image

Project내에서 사용되는 Image를 새롭게 추가하거나 삭제할 수 있습니다.

Project Explorer의 Images항목에서는 Image를 추가할 수 있는 팝업메뉴가 호출되며, Images항목의 하위 Item인 I

mage항목에서는 선택된 Image를 삭제할 수 있는 팝업 메뉴가 호출됩니다.

프로젝트 | 81

메뉴 기능

Edit 지원되지 않는 기능

Insert Image 이미지 파일을 추가할 수 있는 File Dialog를 호출




Collapse All Images 하위 Tree Item을 감춤

Expand All Images 하위 Tree Item을 펼침




Save 편집 중인 Image를 저장





• Generate Themes



Delete 선택된 이미지 파일을 Image 그룹에서 삭제

(개별 이미지 파일 선택 시)

메뉴 기능

Project Explorer에서 Image항목이 선택될 경우, Image Preview가 자동으로 호출됩니다.

프로젝트를 생성한 드라이브와 다른 드라이브를 사용하는 경우에는 경로가 정상적으로 처리되지 않습니

다.

예를 들어 D 드라이브에 생성한 프로젝트에서 C 드라이브에 저장된 이미지를 가져오게 되면 상대경로

를 정상적으로 처리할 수 없습니다.

서비스그룹에 file 유형으로 등록한 경로에 저장된 이미지가 아니라면 제너레이트 과정에서 파일을 복사

하지 않습니다.

해당 서버에 같은 경로로 파일을 복사해주어야 하며 해당 파일에 접근 권한이 있어야 합니다.

4.5 FDL 생성 마법사

Form 생성 마법사를 이용하여 새로운 Form을 생성할 수 있습니다. 메뉴 File[New – Item – Form]에서 Form 생성

마법사를 시작합니다.

프로젝트 | 83


생성될 Form의 경로와 이름을 입력하는 단계입니다. Form명은 반드시 입력해야　하는 필수 항목이며, 생성될 경로

에 동일한 Form명이 존재할 경우에는 생성할 수 없습니다.

속성 설명

Name 생성될 form의 이름

Location 생성될 form의 위치

4.5.2 2단계 Dimension

Form의 Width, Height를 정합니다. 최초 Width, Height는 메뉴 Tool[Options]의 Design에서 정해진 값을 표시합

니다.


4.5.3 3단계 Position

form에서 컴포넌트 생성 시 적용되는 Position 속성값 단위를 설정합니다. 기본값은 Option에서 지정한 값으로 표

시됩니다.

각 속성값의 단위를 변경하고 왼쪽 아래에 있는 'Save position in options' 항목을 체크하면 지정된 단위가 Option

에 저장됩니다.

프로젝트 | 85

4.5.4 4단계 Layout

Form에서 사용할 Layout을 설정합니다. Layout이란 각각 다른 크기를 가진 화면을 의미합니다.

프로젝트 생성 시 지정한 Screen 정보를 기준으로 Layout 정보를 자동 구성해줍니다. 이전 단계에서 'Finish' 버튼을

클릭해 Form을 생성한 경우에는 Layout 정보를 추가 구성하지 않고 기본 설정인 Defaut Layout만 생성됩니다.

설명

1 Layout 정보 편집 화면

2 Screen Template에서 Layout 정보를 가져오는 버튼

3 Form에서 사용할 Layout 정보를 추가하는 버튼

4 선택된 Layout정보를 삭제하는 버튼

Layout 속성 설명

name Layout 이름 (고유 식별자)

screenid Layout이 사용할 Screen 이름을 설정합니다.

- ADL Screen 목록 중 여러 개 선택할 수 있습니다.

width Layout 너비

height Layout 높이

description Layout 설명


Template 버튼을 누르면 Screen Template 창이 뜹니다.

설명

1 Screen Template에 지정된 User/Basic Template 목록 중에서 사용할 Screen 항목을 선택합니다.

여러 항목을 선택할 수 있습니다.

2 User Template을 추가, 변경, 삭제할 수 있는 창을 띄웁니다.

수정한 정보는 User Template에 즉시 반영됩니다.

Screen Template에서 선택한 목록으로 Layout을 생성할 수 있으며, 생성시 Layout의 name과 width 속성은 Scree

n 정보의 name과 screenwidth 속성에 따라 자동 적용됩니다.

프로젝트 | 87

4.6 FDL (Form Definition Language)

4.6.1 FDL Drag&Drop

프로젝트에서 생성된 폼은 서비스 그룹 단위로 관리되며, 각 그룹에 속한 폼은 드래그앤드롭으로 다른 그룹으로 이동

할 수 있습니다. <Ctrl>키를 누른 채 드래그앤드롭을 사용하면 폼이 복사되어 생성됩니다.

4.6.2 FDL 항목

Form항목은 하위 Tree Item으로 Layout, Objects, Script, Bind를 가집니다.



Layout Form에 생성된 Component를 하위 Item으로 표시

Objects Design이 없는 Invisible Component를 표시

Script Form이 가진 Function 목록을 표시

Bind Form에 Bind된 정보를 표시

Form 항목에서는 아래와 같은 기능을 지원합니다.

Form을 넥사크로 스튜디오에서 편집할 때와 그렇지 않을때 보여지는 컨텍스트 메뉴가 달라집니다. 편집 중일 때는 B

indItem, Layout List와 같은 메뉴가 활성화되고 그렇지 않을 때는 Edit, Insert Style, Rename과 같은 메뉴가 활성

화됩니다.

프로젝트 | 89

메뉴 기능

Edit 선택된 Form을 편집하는 Design창을 호출

Insert Style CSS 파일을 추가, Load 되지 않은 Form에만 적용

BindItem Bind Item 대화상자 호출

Copy 선택된 Form을 Copy

Cut 선택된 Form을 Cut

Paste Copy또는 Cut된 Form을 현재 Service에 Paste

Collapse All Form 하위 Tree Item을 감춤

Expand All Form 하위 Tree Item을 펼침

Layout List Layout List 대화상자 호출

Copy Full Path Form 파일이 저장된 경로를 클립보드에 복사

Open Containing Folder Form 파일 위치를 윈도우 탐색기에서 열어서 보여줌


Close 현재 편집중인 Project 닫기

Save 선택된 Form 저장

Save As… 선택된 Form을 다른 이름으로 저장

Rename 선택된 Form 이름 바꾸기



• Generate Themes

• Generate File

Refresh 선택된 Form XML을 Reload

Delete 선택된 Form 삭제

QuickView 선택된 Form을 QuickView기능으로 Launch합니다

메뉴 기능

4.7 템플릿 사용

4.7.1 Make a Project Template

현재 작업 중인 Project를 Template로 등록하는 기능입니다. Project Explorer에서Project선택 > 마우스 우측버튼

클릭 > Project Template을 클릭하면 됩니다.

프로젝트 | 91

속성 설명

1 Project Template Name 생성될 Template의 이름

2 Select ADL to include Project Template에 포함될 ADL을 선택

3 Select a Service Group

and Files to include

Project Template에 포함될 파일을 선택

Template으로 등록된 Project는 이후에 신규 Project생성시 New Project wizard에서 선택하여 사용할 수 있습니

다.


4.7.2 Screen Template

기본적으로 제공되는 Screen Template를 사용할 수 있습니다. Screen Template 기능을 사용하면 자주 사용되는 S

creen 정보를 사용자가 Template으로 등록 할 수 있습니다.

14.0.0.40 버전부터는 기능 변경으로 인해 Layout Template 기능이 삭제됐습니다.

설명

1 사용자 정의 Screen 정보를 추가하는 버튼

2 사용자 정의 Screen 정보를 삭제하는 버튼

3 사용자 정의 Screen 정보 편집 화면

Basic Template의 정보는 기본값으로 사용자가 직접 편집할 수 없습니다. Basic Template의 목록은 nexacro 설치

경로 디렉토리 내 "nexacro_os_device.xml" 파일에서 관리합니다.

프로젝트 | 93

4.8 기타 파일 생성

File > New > File 메뉴에서 추가로 필요한 스타일 파일(CSS), XML 파일, 스크립트 파일, 테마 파일을 생성할 수 있

습니다.

4.8.1 Create a new XML file


속성 설명

File name 생성될 XML 파일명

Location 생성될 XML 파일의 위치

4.8.2 Create a new Java script file

속성 설명

File name 생성될 스크립트 파일명

Location 생성될 스크립트 파일의 위치

4.9 Auto Recover

Tools > Options 메뉴에서 AutoRecover 기능 사용 유무와 시간을 설정하면 넥사크로 스튜디오에서 편집하는 파일

들을 설정한 시간단위로 임시파일에 저장하는 기능을 수행합니다.

프로젝트 | 95

파일을 편집하는 중에 넥사크로 스튜디오가 비정상 종료된 후에 넥사크로 스튜디오를 다시 실행하면 임시파일을 확

인하여 파일 복구 유무를 묻는 메시지 창이 뜹니다.

AutoRecover는 복구 대상 목록을 리스트로 표시 해주고 해당 파일을 편집 당시에 저장된 임시파일을 사용해 복구합

니다.

4.10 프로토콜 추가 마법사

프로토콜 추가 마법사를 이용하여 TypeDefinition에 새로운 프로토콜을 추가할 수 있습니다. 프로토콜 추가 마법사

를 시작하는 방법은 두 가지가 있습니다.


● Project Explorer에서 Project의 TypeDefinition 선택 > 마우스 우측버튼 클릭 > Insert Typedefinition Item >

Protocol을 클릭

● Project Explorer의 TypeDefinition > Protocols 선택 > 마우스 우측버튼 클릭 > Insert Protocol을 클릭

프로젝트 | 97

사용자는 둘 중 편한 방법을 택하여 프로토콜 추가 마법사를 시작합니다.

4.10.1 1단계 Protocol

새로운 프로토콜 등록/삭제하고 프로토콜을 사용할 장치 타입을 선택합니다. 또한 선택한 장치 타입에 맞게 각각 모

듈 정보와 클래스 정보를 등록합니다.

항목 설명

1 Add 프로토콜을 등록합니다.

2 Delete 선택한 프로토콜을 삭제합니다.

3 Protocol ID 프로토콜의 ID입니다. Protocol ID는 서비스의 URL로 사용됩니다.

[Protocol ID]://

4 Device Type 등록한 프로토콜을 사용할 장치 타입을 결정합니다. 프로토콜은 중복으로 사용이 가

능하며 각 장치별 Class Name은 다른 값으로 저장됩니다.

HTML5, Android, iOS을 선택한 경우에는 각 장치에서 사용할 Classname을 등록


5 Runtime:

ModuleName

바이너리 모듈의 이름입니다. TargetPath의 경로로부터 [ModuleName].dll 파일을

찾아서 등록합니다.

ModuleName은 start.json에 추가됩니다.

6 Runtime; 바이너리 모듈을 받아올 경로입니다.


TargetPath TargetPath는 start.json에 추가됩니다.

7 HTML5:

Classname

HTML5 환경에서 사용할 프로토콜의 클래스 이름입니다.

adl.js의 registerclass 배열에 등록되며, 다른 컴포넌트와 함께 로드됩니다.

8 Android:

Classname

Android 환경에서 사용할 프로토콜의 클래스 이름입니다.

start_android.json 파일에 Protocol ID와 Classname이 등록됩니다.

9 iOS:

Classname

iOS 환경에서 사용할 프로토콜의 클래스 이름입니다.

start_ios.json 파일에 Protocol ID와 Classname이 등록됩니다.

항목 설명

다음은 각 장치 타입별로 프로토콜 정보가 어떻게 설정되는지에 대한 예제입니다.

start.json

"version" : "15.0.0.1",

"runtime" :

{

"target" :

{

"os" : "windows"

},

"framework" :

[

[framework js path]

],

"component" :

[

[component js path]

],

"form" :

[

],

"xadl" :

{

},

"protocol" :

{

"adaptors" :

[

{

"protocolname" : "[Protocol ID]",

"modulename" : "[modulename].dll",

"targetpath" : "[Target Path]"

프로젝트 | 99

},

{

}

]

}

"resource" :

{

},

adl.xadl.js

// load components

var registerclass = [

{"id":"Div", "classname":"nexacro.Div", "type":"JavaScript"},

{"id":"Button", "classname":"nexacro.Button", "type":"JavaScript"},

{"id":"PopupDiv", "classname":"nexacro.PopupDiv", "type":"JavaScript"},

{"id":"Combo", "classname":"nexacro.Combo", "type":"JavaScript"},

{"id":"CheckBox", "classname":"nexacro.CheckBox", "type":"JavaScript"},

{"id":"ListBox", "classname":"nexacro.ListBox", "type":"JavaScript"},

{"id":"Edit", "classname":"nexacro.Edit", "type":"JavaScript"},

{"id":"MaskEdit", "classname":"nexacro.MaskEdit", "type":"JavaScript"},

{"id":"TextArea", "classname":"nexacro.TextArea", "type":"JavaScript"},

{"id":"Menu", "classname":"nexacro.Menu", "type":"JavaScript"},

{"id":"Tab", "classname":"nexacro.Tab", "type":"JavaScript"},

{"id":"ImageViewer", "classname":"nexacro.ImageViewer", "type":"JavaScript"},

{"id":"Radio", "classname":"nexacro.Radio", "type":"JavaScript"},

{"id":"Calendar", "classname":"nexacro.Calendar", "type":"JavaScript"},

{"id":"Static", "classname":"nexacro.Static", "type":"JavaScript"},

{"id":"Grid", "classname":"nexacro.Grid", "type":"JavaScript"},

{"id":"Spin", "classname":"nexacro.Spin", "type":"JavaScript"},

{"id":"PopupMenu", "classname":"nexacro.PopupMenu", "type":"JavaScript"},

{"id":"GroupBox", "classname":"nexacro.GroupBox", "type":"JavaScript"},

{"id":"ProgressBar", "classname":"nexacro.ProgressBar", "type":"JavaScript"},

{"id":"Plugin", "classname":"nexacro.Plugin", "type":"JavaScript"},

{"id":"Dataset", "classname":"nexacro.NormalDataset", "type":"JavaScript"},

{"id":"Protocol00", "classname":"test_HTML5", "type":"Protocol"},

{"id":"Protocol01", "classname":"Protocol01", "type":"Protocol"}

];

start_android.json


"version" : "15.0.0.1",

"runtime" :

{

"target" :

{

"os" : "android"

},

"framework" :

[

[framework js path]

],

"component" :

[

[component js path]

],

"form" :

[

],

"xadl" :

{

},

"protocol" :

{

"adaptors" :

[

{


"classname" : "[Android_ClassName]",

},

{

}

]

}

"resource" :

{

},

start_ios.json

"version" : "15.0.0.1",

"runtime" :

프로젝트 | 101

{

"target" :

{

"os" : "ios"

},

"framework" :

[

[framework js path]

],

"component" :

[

[component js path]

],

"form" :

[

],

"xadl" :

{

},

"protocol" :

{

"adaptors" :

[

{


"classname" : "[iOS_ClassName]",

},

{

}

]

}

"resource" :

{

},


4.10.2 2단계 Service

등록한 Protocol ID에 해당하는 서비스를 자동으로 생성해줍니다.

항목 설명

1 PrefixID 서비스 Prefix ID로 사용할 ID입니다.

2 Type 서비스 타입입니다. JSP, ASP 중에 선택할 수 있습니다.

3 Url 서비스 URL입니다. Step 1에서 입력했던 Protocol ID 값이 [Protocol ID]:// 형태로

자동으로 설정되며 수정은 불가합니다.

4.10.3 3단계 Resource

앞 단계에서 추가한 프로토콜 중 등록된 장치 타입이 Runtime인 항목에 대하여 Resource를 자동으로 추가해 줍니다.

프로젝트 | 103

항목 설명

1 File Step 1에서 설정한 ModuleName 값으로 명명된 [ModuleName].dll 파일이 자동

설정됩니다. File 항목은 필수 항목이라 아무런 정보가 없을 경우 Finish로 진행할 수

없습니다.

2 TargetPath Step 1에서 설정한 TargetPath 값으로 자동 설정됩니다.

자동으로 설정된 Resource 값을 변경할 수는 있으나 start.json에 사용되는 정보이므로 변경하지 않는

것이 좋습니다.

4.10.4 4단계 Finish

3단계에서 Finish를 누르면 프로토콜 추가 마법사를 통해 추가한 프로토콜, 서비스, 업데이트(Resource)가 TypeDef

inition에 새로 추가된 것을 확인할 수 있습니다.

● 프로토콜 추가 마법사 1단계에서 입력했던 프로토콜 정보가 TypeDefinition의 Protocols에 등록된 모습


● 프로토콜 추가 마법사 2단계에서 입력했던 서비스 정보가 TypeDefinition의 Services에 등록된 모습

프로젝트 | 105

● 프로토콜 추가 마법사 3단계에서 입력했던 Resource(Update) 정보가 TypeDefinition의 Update에 등록된 모

습


다음은 프로토콜 추가 마법사를 수행한 후에 업데이트된 TypeDefinition 예제를 보여줍니다. 빨간색으로 표시된 부

분이 프로토콜 추가 마법사를 통해 추가된 프로토콜, 서비스, 리소스입니다.

default_typedef.xml

<?xml version="1.0" encoding="utf-8"?>

<TypeDefinition version="1.2">

<Modules>

<Module url="CompBase.json"/>

<Module url="ComComp.json"/>

<Module url="Grid.json"/>

<Module url="DeviceAPI.json"/>

</Modules>

프로젝트 | 107

<Components>

<Component type="JavaScript" id="Div" classname="nexacro.Div"/>

<Component type="JavaScript" id="Button" classname="nexacro.Button"/>

<Component type="JavaScript" id="PopupDiv" classname="nexacro.PopupDiv"/>

<Component type="JavaScript" id="Combo" classname="nexacro.Combo"/>

<Component type="JavaScript" id="CheckBox" classname="nexacro.CheckBox"/>

<Component type="JavaScript" id="ListBox" classname="nexacro.ListBox"/>

<Component type="JavaScript" id="Edit" classname="nexacro.Edit"/>

<Component type="JavaScript" id="MaskEdit" classname="nexacro.MaskEdit"/>

<Component type="JavaScript" id="TextArea" classname="nexacro.TextArea"/>

<Component type="JavaScript" id="Menu" classname="nexacro.Menu"/>

<Component type="JavaScript" id="Tab" classname="nexacro.Tab"/>

<Component type="JavaScript" id="ImageViewer" classname="nexacro.ImageViewer"/>

<Component type="JavaScript" id="Radio" classname="nexacro.Radio"/>

<Component type="JavaScript" id="Calendar" classname="nexacro.Calendar"/>

<Component type="JavaScript" id="Static" classname="nexacro.Static"/>

<Component type="JavaScript" id="Grid" classname="nexacro.Grid"/>

<Component type="JavaScript" id="Spin" classname="nexacro.Spin"/>

<Component type="JavaScript" id="PopupMenu" classname="nexacro.PopupMenu"/>

<Component type="JavaScript" id="GroupBox" classname="nexacro.GroupBox"/>

<Component type="JavaScript" id="ProgressBar" classname="nexacro.ProgressBar"/>

<Component type="JavaScript" id="Plugin" classname="nexacro.Plugin"/>

<Component type="JavaScript" id="Dataset" classname="nexacro.NormalDataset"/>

</Components>

<Services>

<Service prefixid="Base" type="form" url="./Base/" version="0" communicationversion="0"/>

<Service prefixid="Service00" type="JSP" url="Protocol00://" version="0"

communicationversion="0"/>





</Services>

<Update>

<Item systemtype="Windows" url="">

<Os type="default" url="" engineurl="" enginesetupkey="" engineversion="">

<Device type="default" url="" engineurl="" enginesetupkey="" engineversion="" desc="">

<Resource type="Object" file="aa" failpass="false"/>

<Resource type="File" file="test.dll" targetpath="" version="" failpass="false" desc

=""/>

<Resource type="File" file="protocolAdp.dll" targetpath="C:\Base" version="" failpass


="false" desc=""/>

</Device>

</Os>

</Item>

<Item systemtype="Android" url="">



<Resource type="File" file="default.zip" targetpath="C:\Users\user\Documents\nexacro\

outputs" failpass="false"/>

</Device>

</Os>

</Item>

<Item systemtype="iOS" url="">



<Resource type="File" file="Archive00.xzip" failpass="false"/>

</Device>

</Os>

</Item>

</Update>

<Protocols>

<Protocol id="Protocol00" classname="test_HTML5" targetpath="C:\apache-tomcat-6.0.36\

webapps" devicetype="Runtime,HTML5,Android,iOS" modulename="test_runtime" android_classname="

test_android" ios_classname="test_ios"/>

<Protocol id="Protocol01" classname="Protocol01" devicetype="HTML5,iOS" file=""/>

<Protocol id="Protocol02" devicetype="Runtime,HTML5,Android,iOS" modulename="protocolAdp"

targetpath="C:\Base" classname="nexacro.Protocol02" android_classname="test_android" ios_

classname="test_ios"/>

</Protocols>

</TypeDefinition>

Form 디자인

5.

5.1 컴포넌트

5.1.1 컴포넌트 배치

폼을 디자인할 때 컴포넌트 툴바에서 선택한 컴포넌트를 배치할 수 있습니다.

Type Definition에 정의된 컴포넌트를 모아둔 컴포넌트 툴박스를 사용해서 동일하게 드래그앤드롭으로 컴포넌트를

배치할 수 있습니다. 컴포넌트 툴박스는 메뉴에서 [View > Toolbox]를 선택해 활성화할 수 있습니다.


자주 사용되는 컴포넌트는 아래와 같습니다.


Select 하나 이상의 컴포넌트를 마우스로 드래그해서 선택합니다.

Div Form안에 다른 Form을 불러와서 하나의 Form인 것처럼 사용하거나, 관련 있

는 컴포넌트들을 하나의 그룹으로 묶어서 처리할 경우 사용되는 컴포넌트

Button 사용자로부터 마우스 입력을 받을 때 사용하는 컴포넌트

PopupDiv 하나의 화면에 여러 개의 부분화면을 구성할 때 사용

Combo Edit와 Drop down List를 통합한 형태의 컴포넌트

CheckBox Check 표시에 대한 TRUE/FALSE 값을 가지는 컴포넌트

ListBox 항목을 목록으로 나열한 후 선택할 경우 사용되는 컴포넌트.

Edit 문자열의 입출력을 가지는 컴포넌트

MaskEdit 날짜의 연월일시(yyyy/mm/dd hh:mi:ss) 형식 또는 숫자의 콤마 표시와 같이

규정된 형식으로 문자열의 입출력을 가지는 컴포넌트

TextArea 여러 줄의 문자열의 입출력을 가지는 컴포넌트

Menu Menu 아이템을 구성할 경우 사용되는 컴포넌트

Tab 한 화면에서 여러 개의 Tab page를 분할할 경우 사용되는 컴포넌트

Form 디자인 | 111

ImageViewer 화면에 이미지를 표시할 때 사용되는 컴포넌트

Radio 제시된 여러 가지 선택사항 중에서 하나의 항목을 선택해야 할 경우 사용되는 컴

포넌트

Calendar 날짜를 입력할 때 사용되는 컴포넌트

Static 고정된 텍스트를 표시할 때 사용되는 컴포넌트

Grid 스프레드 시트와 유사하게 Dataset의 내용을 표 형식으로 처리하는 컴포넌트

Spin 정해진 규칙에 따라 손쉽게 숫자를 입력 받을 때 사용하는 컴포넌트

PopupMenu PopupMenu를 구성할 경우 사용되는 컴포넌트

GroupBox 화면을 구성할 때 관련 있는 컴포넌트들을 그룹화하는 컴포넌트

ProgressBar 작업의 현재 진행 상태를 그래픽을 이용하여 보여주는 컴포넌트

Plugin Plugin을 사용할 경우 사용되는 컴포넌트

Dataset 데이터를 테이블 형태로 저장하는 컴포넌트


Form 디자인 시 빈 공간에 마우스로 드래그 하게 되면 러버밴드(Rubber Band)가 사각형으로 표시되며, 사각형의

시작과 끝 포인터 위치 및 너비와 높이 정보를 표시하여 생성될 컴포넌트의 크기를 조절할 때 사용자가 미리 가늠할

수 있도록 도와줍니다.

최종적으로 마우스로 드래그 한 영역의 크기로 컴포넌트가 생성됩니다. 만약 마우스 드래그를 하지 않은 상태로 클릭

만 하게 된다면, Type Definition에 정의된 컴포넌트의 기본 크기로 생성하게 됩니다.


애플리케이션 개발 시 사용하지만 화면에 보여지지 않는 컴포넌트들을 별도로 관리할 수 있는 Invisible Objects 영역

이 제공 되어 폼 디자인 작업시 각 컴포넌트의 속성을 조정할 수 있습니다.

Invisible Layout 창이 표시 되지 않는다면 Design Window [Popup Menu]에서 ‘Show Invisible Object Area’ 항

목을 선택하면 Invisible Layout 창을 볼 수 있습니다.

Invisible Layout에서는 Icon 표시 방법 등을 아래그림과 같은 팝업 메뉴로 지원합니다.


메뉴 기능

Edit 선택된 Invisible Object에 맞는 편집기를 제공합니다

Cut 선택된 오브젝트 잘라

Copy 선택된 오브젝트 복사

Paste 클립보드에 있는 오브젝트 붙여 넣기

Delete 선택된 오브젝트 삭제

View Invisible Objects 표시 방식을 Big, List, Small, Report 중 선택하여 변경


5.1.2 선택 변경

Form 디자인 시 조합 키를 사용해 다양한 방식으로 컴포넌트를 선택할 수 있습니다.

<Tab>키를 이용하여 현재 선택된 컴포넌트를 다른 컴포넌트로 바꿀 수 있습니다. 이동순서는 컴포넌트의 taborder

순서에 따라 이동하며, <Shift + Tab>키를 이용할 경우 taborder의 역순서로 이동하게 됩니다.

<Ctrl>키 또는 <Shift>키를 이용하여 선택된 항목을 추가하거나 해제할 수 있는 다중 선택 기능을 지원합니다.

마우스로 드래그하면 선택된 영역 내에 있는 컴포넌트가 모두 선택되지만 <Shift> 키를 누른 채 마우스로 드래그하면

기존에 선택한 항목은 해제되고 나머지 항목은 선택되는 반전 선택 기능을 사용할 수 있습니다.

컴포넌트가 선택되어 있는 상태에서 <ESC>키를 눌르면 선택된 컴포넌트의 상위 컴포넌트를 선택할 수 있습니다.


5.1.3 크기 변경

컴포넌트의 트래커(Tracker) 포인트가 활성화된 상태에서 하나의 포인트를 마우스로 드래그하면 컴포넌트의 크기를

변경할 수 있습니다.

만약 여러 개의 컴포넌트가 선택된 경우, 같은 비율로 선택된 모든 컴포넌트의 크기가 변경됩니다.

<Shift>키를 누른 상태에서 마우스를 드래그하면 드래그되는 포인트를 따라 가로, 세로가 같은 비율로 크기가 변경됩

니다.

<Ctrl>키를 누른 상태에서 마우스 드래그로 크기를 변경하면, 컴포넌트의 정중앙 좌표를 기준으로 상하 또는 좌우로

같은 크기로 변경됩니다.

<Shift + Ctrl>키를 누른 상태에서 마우스 드래그로 크기를 변경하면, 두 가지 기능이 동시에 적용되어 컴포넌트의 정


중앙 좌표를 기준으로 가로, 세로의 크기가 같은 비율로 변경됩니다.

마우스를 사용하지 않고 <Shift>키를 누른 상태에서 키보드의 방향키를 사용해 컴포넌트의 크기를 변경할 수 있습니

다.


5.1.4 위치 변경

선택된 컴포넌트들은 키보드의 방향키나 마우스 드래그로 위치를 변경할 수 있으며 변경된 좌표는 속성으로 바로 적

용됩니다. 또한 <Ctrl>키를 누른 상태로 마우스로 드래그하면 해당 지점에 컴포넌트가 복사됩니다.

Form 디자인에서 컴포넌트를 이동하거나 크기를 변경할 때, 미세한 조정을 지원하기 위해 다른 컴포넌트나 옵션에서

설정된 Dot Grid에 가까이 가져가면 자동으로 해당 위치에 배치해주는 자석(Magnetic) 기능을 지원합니다.

자석 기능은 메뉴 [Tools - Options - Form Design]의 Option값에 따라 Dot Grid 또는 다른 컴포넌트에 대해 활성

화 여부를 정할 수 있습니다.

<Alt>키를 누른 채로 컴포넌트를 이동할 경우는 자석 기능이 적용되지 않습니다.


5.1.5 탭 순서

애플리케이션 실행 중 <Tab>키를 눌렀을 때 컴포넌트에서 다른 컴포넌트로 이동하는 순서를 설정합니다.

Tab Order Edit

디자인 창에서 <Ctrl + D>키를 누르거나, Design Window[Popup Menu]의 Tab Order Edit 메뉴를 통해 탭 순서

를 편집할 수 있습니다.

마우스 커서를 특정 컴포넌트 위로 가져가면 컴포넌트가 빨간색으로 강조되어 표시되며 'Next Taborder' 값에 해당

하는 컴포넌트는 마우스 커서가 위치하지 않더라도 주황색으로 강조되어 표시됩니다. 또한, 여러 개의 컴포넌트가 겹

쳐져 있는 경우에는 컴포넌트가 펼쳐진 상태로 보여 각 컴포넌트의 탭 순서를 편집할 수 있습니다.

Tab Order Edit 모드에서는 컨텍스트 메뉴를 아래와 같이 지원합니다.


메뉴 단축키 설명

Accessibility

Simulation Mode

접근성 기능을 지원하는 애플리케이션에서 실제 탭 기능이 어떻게 동

작하는지 확인하는 시뮬레이션 기능 사용 여부를 토글로 선택합니다.

- 미사용: 컴포넌트의 tabstop 속성값이 false 인 경우에 탭 키 입력

시 포커스가 이동하지 않습니다.

- 사용: 컴포넌트의 accessibility.enable 속성값이 false 인 경우에 탭

키 입력 시 포커스가 이동하지 않습니다.

Set Next Tab Order Next Tab Order 값을 직접 지정합니다.

Next Tab Order Up Next Tab Order 값을 1씩 더합니다.

Previous Tab Order Down Next Tab Order 값을 1씩 감합니다.

최솟값은 0입니다.

Next Tab Order(10) Right Next Tab Order 값을 10씩 더합니다.

Previous Tab Order(10) Left Next Tab Order 값을 10씩 감합니다.

현재 Next Tab Order 값이 10 이하인 경우에는 0으로 지정합니다.

Tab Order Increase PageUp 현재 설정된 모든 컴포넌트의 Tab Order 값을 10배로 증가합니다.

Tab Order가 순서대로 지정된 컴포넌트 사이에 추가할 컴포넌트가

있는 경우에 사용합니다. 예를 들어 Tab Order가 3, 4인 컴포넌트 사

이에 추가할 컴포넌트가 있는 경우 Tab Order 값을 30, 40으로 지정

하고 31에서 39 사이의 값으로 컴포넌트를 추가할 수 있습니다.

Tab Order Decrease PageDown 현재 설정된 Tab Order 값의 간격을 최소화합니다.

0을 기준으로 순서대로 값을 변경합니다.

Tab Order List Tab Order List 창에서 목록 형태로 컴포넌트의 Tab Order 순서를


확인하고 수정합니다.

End Edit Enter 변경된 내용을 저장하고 Tab Order Edit 모드를 종료합니다.

Cancel Edit Esc 변경된 내용을 무시하고 Tab Order Edit 모드를 종료합니다.

메뉴 단축키 설명

Tab Order List

목록 형태로 컴포넌트의 Tab Order를 확인하고 수정할 수 있습니다. 하나 이상의 항목을 선택하고 하단 버튼을 사용

해 원하는 순서로 Tab Order를 변경할 수 있습니다.

메뉴에서 [Design > Tab Order List] 또는 Design Window[Popup Menu]의 Tab Order List 메뉴를 통해 탭 순서

를 편집할 수 있습니다.

Tab Order 외 목록에 보이는 정보(id, text, tabstop, accessibility)는 Tab Order List 창에서 수정할 수

없습니다.

Tab Order View

현재 화면에 설정된 탭 순서를 확인하는 기능입니다. 메뉴에서 [Design > Tab Order View] 또는 Design Window[

Popup Menu]의 Tab Order View 메뉴를 선택하면 토글 형식으로 해당 기능을 켜거나 끌 수 있습니다. 기능이 활성

화되면 아래 그림과 같이 컴포넌트 왼쪽 윗부분에 2개의 숫자가 표시됩니다.


파란색 사각형 안에 표기된 것은 탭 순서를 나타냅니다. 컴포넌트의 taborder 속성을 수정하거나 'Tab Order Edit'

기능을 사용해 순서를 변경할 수 있습니다.

녹색 사각형 안에 표기된 것은 컴포넌트의 Z-Order를 표시합니다. Z-Order는 컴포넌트가 겹쳐있을 때 보여주는 순서

를 지정합니다. 숫자가 큰 컴포넌트가 가장 위에 위치하며 사용자에게 보입니다.

Z-Order는 Align 툴바에서 'Bring to Front', 'Send to Back', 'Bring Forward', 'Send Backward' 4가지 기능을

사용해 변경하거나 Source 탭에서 배치된 XML 코드의 순서를 바꿔 변경할 수 있습니다.


5.1.6 가이드 라인

가이드 라인은 눈금자(Ruler)에서 지원되는 기능으로 개발자가 임의로 수평/수직 방향으로 안내선을 만들어 해당 선

에 컴포넌트를 정렬키는 기능을 지원합니다.

눈금자 위의 원하는 지점을 마우스로 클릭하면 가이드 라인이 생성되며, 생성된 가이드 라인은 마우스 드래그로 위치

를 변경할 수 있습니다. 가이드 라인을 디자인 창 영역 밖으로 드래그앤드롭하거나 눈금자 위에 있는 가이드 라인의

역삼각형 아이콘을 더블 클릭해 제거할 수 있습니다.


5.1.7 속성 설정

Form 디자인에서 선택된 컴포넌트 속성들은 속성창에 표시되며, 속성창에서 값을 변경하였을 경우 컴포넌트에 바로

적용됩니다.


하위 속성을 가지는 속성은 확장할 수 있는 아이콘이 표시됩니다. 해당 속성은 하위 속성들과 동기화되어 있어 상위

속성을 수정 하거나, 하위 속성을 수정하면 다른 한쪽에 자동으로 반영됩니다.

화면에 시각적으로 표현되는 컴포넌트는 스타일 속성을 가지고 있으며 각 속성을 수정해 컴포넌트의 스타일을 변경



5.1.8 글꼴 설정

텍스트 속성을 가지고 있으며 글꼴을 지정할 수 있는 컴포넌트는 font 속성을 지정할 수 있습니다.

Color 속성은 글꼴 대화상자가 아닌 해당 컴포넌트의 color 속성을 직접 지정해야 합니다.

넥사크로플랫폼 애플리케이션은 글꼴을 포함해 제공되지 않고 사용자 운영체제에 설치된 글꼴을 사용합니다. 애플리

케이션 개발 시 여러 개의 글꼴을 지정해 순차적으로 사용 가능한 글꼴을 찾을 수 있게 지정할 수 있습니다.


5.2 데이터 및 이벤트 처리

5.2.1 데이터 바인딩

폼 디자인 시 생성되어 있는 Dataset 컴포넌트를 드래그앤드롭하거나 속성창에서 바인딩 관련 속성을 선택해 데이터

를 바인딩할 수 있습니다.

드래그앤드롭으로 컴포넌트에 Dataset을 바인딩하는 경우 컴포넌트의 종류에 따라 Inner Bind Dataset 또는 Bind I

tem Editor 기능이 호출됩니다.


Inner Bind Dataset

ListBox나 Combo와 같이 목록 형식으로 데이터를 표현할 수 있는 컴포넌트에 Dataset을 바인딩하는 경우에 datas

et의 컬럼을 지정할 수 있는 Inner Bind Dataset 기능이 호출됩니다.

속성 설명

Codecolumn 내부에서 코드로 사용되는 컬럼을 지정

Datacolumn 컴포넌트에 보여지는 컬럼을 지정


Bind Item Editor

Edit나 Button등 단일 항목만 표현하는 컴포넌트에 Dataset을 바인딩하는 경우에 Bind Item Editor 기능이 호출됩

니다.

속성 설명

1 Bind ID 사용자 분류 ID

2 Component Dataset이 바인딩되는 컴포넌트 ID

3 Property Dataset이 바인딩되는 컴포넌트 속성

4 Dataset 컴포넌트에 바인딩하는 Dataset

5 Column ID 컴포넌트에 바인딩하는 Dataset의 컬럼 ID

6 Add Bind Item 새로운 Bind Item을 추가

7 Delete Bind Item 선택된 Bind Item을 삭제

Dataset이 폼이나 컴포넌트에 바인딩되면 Project Explorer의 해당 아이템에 다른 컴포넌트와 다르게 표시가 되어

쉽게 확인할 수 있습니다.


5.2.2 Grid Contents Editor

Grid 컴포넌트는 속성창에서 볼 수 있는 속성 외에 Grid를 구성하는 각 Cell 단위 별로 추가적인 속성을 가지고 있습

니다. Grid Contents Editor는 Grid의 추가적인 속성을 편집할 수 있는 기능을 제공합니다.

디자인 창에서 Grid 컴포넌트를 더블 클릭하면 Grid Contents Editor를 호출할 수 있습니다.

Grid Contents Editor는 기본 편집 창, 속성 창 및 Design Source로 구성되어 있습니다. 기본 편집 창에서는 컨텍스

트 메뉴와 단축키를 사용하여 Cell을 추가/삭제하거나 속성을 편집할 수 있습니다. 기본 편집 창의 최상단에는 Colu

mn Index가 표시되고 아래로는 Head, Body, Summary로 구분되어 표시됩니다. 속성 창에는 Cell 구분, 해당 Cell

의 속성 목록, 각각의 속성 값이 표시됩니다.


기본 편집 창의 컨텍스트 메뉴에서 Column이나 Row를 추가할 수 있습니다.

메뉴 기능

Add Column Column 추가

Add Head Row Head Row 추가

Add Body Row Body Row 추가

Add Summ Row Summ Row 추가

Cell이 선택된 상태에서는 아래와 같은 컨텍스트 메뉴가 지원됩니다.


메뉴 기능

Cut Column 또는 Row 잘라내기

Copy Column 또는 Row를 선택 후 복사하기

Paste 클립보드에 복사된 내용을 붙여 넣기

• Append - 맨 뒤에 붙여 넣기

• Insert - 삽입하여 붙여 넣기

Add Column 또는 Row 추가

Insert Column 또는 Row 삽입

Delete Column 또는 Row 삭제

Merge Cells 선택된 Cell 영역을 병합

Split Cell 병합된 Cell을 다시 나눔

Same Width 전체 영역이 선택된 경우 모든 Column의 너비값을 첫 번째 Column의 너비값으로 변경

Undo Undo 기능

Redo Redo 기능

Design Source 창에서는 편집된 내용을 XML형태로 표시되며 원하는 항목을 직접 수정할 수 있습니다.


5.2.3 이벤트 생성

이벤트를 편집할 컴포넌트를 선택하고 속성창의 이벤트 편집 모드를 선택하여, 컴포넌트의 이벤트를 작성할 수 있습

니다. 이벤트는 사용자가 직접 스크립트로 작성할 수 도 있지만 속성창에서 해당 이벤트를 더블 클릭하면 자동으로 이

벤트 함수를 생성할 수 있습니다.

또는 폼에 배치된 컴포넌트를 더블 클릭하면, 해당 컴포넌트의 클릭 이벤트가 자동으로 생성됩니다.


5.3 화면 레이아웃

넥사크로플랫폼은 다양한 크기를 가지는 디바이스에 대응하는 화면 디자인을 하나의 소스로 개발할 수 있도록 MLM(

Multi Layout Manager)기능을 제공합니다. 애플리케이션을 구성하는 폼은 화면 크기에 따라 여러 개의 레이아웃을

사용할 수 있고 서브 레이아웃을 사용하면 내부적인 컴포넌트까지 세부적으로 배치할 수 있습니다. 또한 모바일 디바

이스에서 스탭 기능을 활용하면 최적화된 화면을 구성할 수 있습니다.

5.3.1 폼 레이아웃

새로운 폼을 만들 때 ‘New Form Wizard’에서 레이아웃을 지정하거나 폼을 만든 이후에 추가적인 레이아웃을 지정할

수 있습니다. 폼 레이아웃은 사용자가 접하는 화면의 크기에 따라 최적화된 화면 구성을 제공하기 위해 사용합니다.

화면 구성

현재 폼에서 추가된 레이아웃이 탭 형식으로 표시됩니다. 탭이 표시되는 위치는 [Tools > Options > Form Design >

Layout Manager > Layout Tab Style] 항목에서 원하는 위치로 변경할 수 있습니다.


추가된 레이아웃 탭을 선택하면 해당 레이아웃으로 화면이 전환되며 컨텍스트 메뉴에서 레이아웃을 추가하거나 삭제

하고 전체 레이아웃 목록을 확인할 수 있습니다. 추가된 레이아웃은 빨간 점선으로 폼의 영역을 표시해줍니다.

메뉴 기능

Add Layout ‘레이아웃 탭’의 마지막에 새로운 레이아웃을 생성합니다.

• 사용중인 레이아웃과 동일한 이름은 입력할 수 없습니다.

Copy & Add Layout 현재 선택된 레이아웃을 복사해 '레이아웃 탭’ 마지막에 추가합니다.

Delete Layout 선택된 레이아웃을 삭제합니다.

Layout List 현재 폼에서 사용중인 레이아웃 정보를 확인하고 수정할 수 있는 대화상자를 보여줍니다.


현재 폼에서 사용중인 레이아웃 정보는 폼 화면 또는 Project Explorer에서 폼을 선택했을 때 보여지는 컨텍스트 메

뉴에서도 확인할 수 있습니다.


속성 설명

1 Template 템플릿으로 작성된 레이아웃 정보를 가져와서 추가하는 기능

2 Add Layout 폼에서 사용될 레이아웃 정보를 추가하는 버튼

3 Delete 목록에서 선택된 레이아웃을 삭제하는 버튼

4 Layout 정보를

보여주는 그리드

폼에 포함된 레이아웃 정보를 보여주는 그리드

• Name : 레이아웃 이름

레이아웃 이름은 대소문자 구별 없이 ‘Default’를 사용할 수 없습니다

같은 폼 안에서는 중복된 레이아웃 이름을 사용할 수 없습니다

• Screen : 레이아웃이 사용하는 스크린 이름

• Width : 레이아웃 너비

• Height : 레이아웃 높이

디자인 기능 제한

'Default' 탭에서는 모든 기능이 제공되지만, 추가된 '레이아웃' 탭에서는 일부 디자인 기능이 제한됩니다.

디자인 기능 Default 추가 레이아웃

컴포넌트 생성, 삭제 O X

컴포넌트 복사, 잘라내기, 붙여넣기 O X

탭 순서 변경 O O

폼 영역 표시 X O

Invisible Object 추가, 삭제, 선택 O X


속성창

폼 속성 중 height와 width 속성은 레이아웃 별로 수정할 수 있으며 트래커를 마우스로 드래그해서 크기를 변경하는

경우 해당 레이아웃의 height, width 속성값이 같이 변경됩니다. 속성창에서 보여지는 폼 크기와 관련된 속성값은 ‘L

ayout List' 목록에서 보여지는 값과 같습니다.

‘Default’ 레이아웃 탭과 다른 정보를 가지는 추가된 레이아웃 탭에서 변경된 속성은 굵은 파랑색으로 표시됩니다. 속

성창에 표시되는 정보는 굵기와 색깔에 따라서 아래와 같은 의미를 가집니다.

색상 굵게 정보

검은색 X 테마와 스타일만 적용된 기본값을 가진 경우

검은색 O ‘Default’ 탭에서 수정하여 테마와 스타일이 적용된 기본값과 다른 값을 가진 경우

파란색 O 추가된 레이아웃 탭에서 수정한 값이 ‘Default’ 탭의 정보와 다른 값을 가진 경우

모든 컴포넌트의 id는 추가된 레이아웃 탭에서 수정할 수 없습니다.


5.3.2 서브 레이아웃

컴포넌트 내부에 컨텐츠를 가지는 Div, PopupDiv, TabPage 컴포넌트도 폼과 마찬가지로 여러 개의 레이아웃을 가

질 수 있습니다. 폼 레이아웃과 구분해서 서브 레이아웃(Sub Layout)이라고 표현합니다. 서브 레이아웃은 폼 레이아

웃과 별개로 구성됩니다. Tab 컴포넌트를 사용하면 TabPage 별로 다른 서브 레이아웃을 구성할 수 있습니다.

폼에 추가된 레이아웃에서는 Div 에 포함된 Button 컴포넌트를 직접 편집할 수 없습니다. 때문에 해당 컴포넌트의 크

기에 맞는 최적화된 화면 배치를 필요로 합니다. 서브 레이아웃를 적용하면 폼 레이아웃이 변경되면서 대상 컴포넌트

의 크기가 변경되고 이에 따라 서브 레이아웃도 같이 변경되면서 최적화된 화면을 구현할 수 있습니다.

레이아웃 옵션

추가 레이아웃에서 Div와 같은 컴포넌트 내부에 포함된 컨텐츠를 편집 하기 위해서는 서브 레이아웃 에디터를 사용해

야 합니다.

● Show Sub Layout Name 항목을 선택하면 현재 컴포넌트에 적용된 서브 레이아웃 이름을 확인할 수 있습니다.

● Sub Layout Edit 메뉴를 선택하면 서브 레이아웃을 편집할 수 있습니다.

● Set Sub Layout 메뉴를 선택하면 컴포넌트의 크기를 선택한 서브 레이아웃 크기로 변환해 줍니다. 설정된 Sub

Layout 목록 중에서 선택할 수 있습니다.


서브 레이아웃 에디터

Sub Layout Edit 메뉴를 선택하거나 컴포넌트를 더블 클릭하면 아래 그림과 같은 서브 레이아웃 에디터가 나타납니

다. default 서브 레이아웃은 선택한 컴포넌트 크기와 같습니다.

url 속성으로 다른 폼을 연결하고 있는 경우에는 서브 레이아웃 편집을 지원하지 않습니다. 대신 컨텍스

트 메뉴 또는 더블 클릭으로 연결된 폼을 열어 편집할 수 있습니다.

서브 레이아웃 에디터는 다음과 같은 특징을 가집니다.

● 서브 레이아웃 에디터 상태에서 부모 컴포넌트(Div 컴포넌트) 영역을 빨간색 눈금으로 표시합니다.

● 폼 디자인 상태에서는 보이지 않고 숨겨졌던 하위 컴포넌트도 편집할 수 있습니다.

● 해당 컴포넌트와 하위 컴포넌트를 제외한 다른 컴포넌트는 선택하거나 편집할 수 없습니다.

● 서브 레이아웃의 크기는 수정할 수 있지만 위치를 변경할 수는 없습니다.


하위 컴포넌트를 선택했을 때와 그렇지 않았을 때 컨텍스트 메뉴가 조금 다르게 표기되며 하위 컴포넌트를 선택했을

때 컨텍스트 메뉴는 컴포넌트에 따라 달라질 수 있습니다.


메뉴 기능

Add Sub Layout 새로운 서브 레이아웃을 생성하는 대화상자가 나타납니다.

추가할 서브 레이아웃 크기는 현재 컴포넌트 크기로 기본 설정됩니다.

단, 사용중인 서브 레이아웃 이름은 입력할 수 없습니다.

Delete Sub Layout 현재 선택된 서브 레이아웃을 목록에서 제거합니다. ‘Default’ 서브 레이아웃은 삭제되지 않습

니다.

Sub Layout List 컴포넌트에서 사용중인 모든 서브 레이아웃을 수정할 수 있는 대화상자를 띄워줍니다.

Default 서브 레이아웃의 이름(default)는 임의로 수정할 수 없습니다.

Show Sub Layout Name 현재 컴포넌트에 적용된 서브 레이아웃 이름을 확인할 수 있습니다.

Fit to Componet 현재 편집 중인 서브 레이아웃의 크기를 현재 컴포넌트 크기로 변경합니다.

Apply Size & End Edit 현재 편집 중인 서브 레이아웃의 크기를 현재 컴포넌트에 반영하고 서브 레이아웃 에디터를 종

료합니다.

End Edit 서브 레이아웃 에디터에서 수정된 내용을 반영하고 에디터를 종료합니다.

Cancel Edit 작업 중인 내용을 모두 취소하고 에디터를 종료합니다.

서브 레이아웃 에디터는 폼 디자인과 별도의 Undo 데이터를 관리하며 서브 레이아웃 에디터가 종료되

면 해당 Undo 데이터도 같이 삭제됩니다.

서브 레이아웃 에디터에서 작업된 내용은 서브 레이아웃 에디터 내에서는 각 작업별로 Undo 기능이 처

리되지만 에디터 종료 후 폼 디자인에서는 하나의 작업으로 Undo 데이터에 추가됩니다. 폼 디자인 상태

에서 Undo를 실행하면 서브 레이아웃 에디터에서 처리한 모든 작업이 복원됩니다.

Div 내에 Div가 포함되는 경우 다른 하위 컴포넌트처럼 편집할 수 있으며 추가적인 서브 레이아웃을 지

원합니다. 해당 Div 를 선택하고 더블 클릭 시 서브 레이아웃 에디터가 실행합니다.

Default 레이아웃이 아닌 경우에 하위 Div 컴포넌트를 선택할 수 없지만 더블 클릭 시 서브 레이아웃 에

디터가 실행합니다.

서브 레이아웃 에디터 실행 중 다른 Div 컴포넌트를 더블 클릭하면 편집 대상을 변경할 수 있습니다.

Div 컴포넌트보다 하위 컴포넌트 영역이 클 경우에는 마우스로 Div 컴포넌트를 선택할 수 있습니다. 이

런 경우에는 아래와 같은 방법을 활용할 수 있습니다.

1) 하위 컴포넌트 선택

2) Esc 키를 입력하면 부모 컴포넌트(Div 컴포넌트)가 선택됩니다.

3) Menu 키를 입력해 컨텍스트 메뉴를 호출하고 Sub Layout Edit 항목을 선택합니다.


속성창

서브 레이아웃 내에서 컴포넌트의 스타일 및 일부 속성을 수정할 수 있습니다. Div 컴포넌트라면 default 서브 레이아

웃에서 수정된 내용은 <Div> 태그에 저장되고 추가된 서브 레이아웃에서 수정된 내용은 해당 <Layout>에 저장됩니

다.

...

<Layouts>

<Layout>

<Div id="Div00" left="10" top="10" width="250" height="250"

style="background:red;">

<Layouts>

<Layout width="250" height="250"/>

<Layout name="iOS" width="150" height="150"

style="background:blue;"/>

</Layouts>

</Div>

</Layout>

</Layouts>

...


5.3.3 스텝

스텝(Step)이란 여러 개 단계 이루어진 페이지를 하나의 폼에서 개발할 수 있는 기능을 의미합니다. 스텝은 간단하게

폼에서 stepcount 속성값을 지정하면 구현할 수 있습니다.

stepcount

1. 현재 편집중인 스텝 영역을 표시합니다. 마우스 포인터의 위치에 따라 편집 영역이 변경됩니다.

2. 각 스탭 영역은 파란색 점선으로 구분되어 표시됩니다.

여러 개의 스텝을 만들어도 폼의 크기는 변하지 않습니다. 실행 시에는 하나의 스탭만 보여지고 사용자

의 조작에 따라 스탭을 이동하게 됩니다.


positionstep

● 컴포넌트에 positionstep Property가 추가 되었습니다. positionstep Property는 해당 컴포넌트의 소속 Step을

나타냅니다.

● 컴포넌트의 Position이 positionstep + Position으로 적용됩니다.

● 컴포넌트의 Position은 지정된 positionstep 을 기준으로 설정됩니다.

● 컴포넌트가 모든 Step영역을 벗어나면 positionstep 0으로 처리됩니다.

● positionstep이 -1일 경우에는 모든 Step에 표시됩니다.

○ -1 positionstep 컴포넌트는 모든 Step 영역에서 선택, 편집 할 수 있습니다

○ -1 positionstep 컴포넌트는 현재 편집중인 Step이 아닌 경우, 실제 컴포넌트보다 약간 투명하게 보여집니

다.

○ -1 positionstep 컴포넌트는 모든 Step에서 해당 Step에서 보여지는 컴포넌트를 선택 및 편집 할 수 있습니

다.


...

<Layouts>

<Layout width="300" height="450" stepcount="3">

<Button id="Button00" text="Button00"

left="60" top="60" width="120" height="50"/>


left="60" top="60" width="120" height="50" positionstep="1"/>


left="60" top="60" width="120" height="50" positionstep="2"/>


left="60" top="160" width="120" height="50" positionstep="-1"/>

</Layout>

</Layouts>

...

디자인 폼 화면에서 컴포넌트를 다른 Step으로 이동하면 positionstep 값이 변경되며 position 값이 해

당 step에 맞게 조정됩니다.

하지만 직접 position 속성값을 현재 Step 영역 밖으로 지정해서 step 영역을 벗어나게 되는 경우에는

positionstep 값이 변경되지 않습니다.


5.3.4 Position

넥사크로 스튜디오에서는 폼이나 각 컴포넌트의 위치를 left, top, right, bottom width, height 속성값을 지정해 지

정할 수 있습니다. 각 속성값은 픽셀 단위(px) 또는 퍼센트(%) 중 하나를 선택해서 사용할 수 있습니다.

트래커

컴포넌트를 선택했을 때 Position 속성에 따라 해당하는 트래커(Tracker)는 붉은 색으로 표시됩니다.

눈금자 / Dot Grid

폼 디자인 상에서 위치를 지정하면서 사용한 단위에 따라 레이아웃을 쉽게 배치할 수 있도록 눈금자의 단위도 픽셀과

퍼센트 둘 중에 하나를 선택할 수 있습니다.


눈금자 컨텍스트 메뉴에서 Show Pixel Ruler / Show Percent Ruler를 선택할 경우 눈금자의 표시 단위와 Dot Grid

의 표시 방법이 변경됩니다.

컴포넌트를 하나만 선택하고 크기를 수정할 때는 크기 정보를 표시해줍니다. 이 때 표기되는 크기 단위는 눈금자의 표

시 단위에 따라 해당하는 단위로 표시해줍니다.



포지션 에디터

사용자가 쉽게 Position 정보를 설정할 수 있도록 별도의 에디터를 제공합니다. 포지션 에디터는 컴포넌트를 선택했

을때 나타나는 미니툴바에서 실행할 수 있습니다.

미니툴바는 자주 사용되는 스타일 속성 메뉴를 바로 수정할 수 있는 기능을 제공합니다.

포지션 에디터에서 수정된 값은 해당 컴포넌트의 left, top, right, bottom, width, height 속성값에 반영됩니다.


속성창

속성창에서 left, top, right, bottom, width, height 속성값의 단위를 변경할 수 있습니다.

Form, Mainframe, Childframe은 퍼센트 단위로 크기를 지정할 수 없습니다. 실제 사용하는 너비와 높

이를 픽셀 단위로만 지정할 수 있습니다.

Theme / CSS

6.

넥사크로플랫폼은 만들어져 있는 Theme나 CSS를 적용하여 같은 프로젝트라도 전혀 다른 스타일의 UI로 쉽게 변경


6.1 Theme와 CSS

Theme와 CSS는 넥사크로플랫폼의 스타일을 변경할 수 있다는 점에서는 동일하지만 Theme에는 CSS파일과 CSS에

서 사용되는 Image파일도 같이 포함되어 있다는 차이가 있습니다.

6.1.1 CSS 파일의 생성

Standard Toolbar 아이콘을 클릭하거나 메뉴[File – New – File – Style Sheet]을 선택하여 CSS 파일을 생성할 수 있

습니다.


속성 설명

File name 생성될 Style Sheet의 파일명

Location 생성될 Style Sheet의 위치

Insert to ADL ADL 추가 유무 및 추가될 ADL 선택

Insert to Form Form 추가 유무 및 추가될 Form 선택

6.1.2 CSS 파일 편집기

CSS를 편집할 수 있는 CSS Editor는 Selector, Preview Source Code, Properties로 구성됩니다.

Theme / CSS | 153

‘Selector’는 현재 CSS문서의 모든 Selector들을 Tree의 구조로 보여주며, 각 Selector의 추가/삭제 등의 기능을 지원

합니다.

메뉴 기능

Go to Source 선택된 Selector의 Source Code 위치로 이동. Selector을 Double Click하여 동일한 기능을 수

행 가능

New Selector 신규 Selector 입력

Add Selector 선택된 Selector에 Child Selector를 추가.

Delete 선택된 Selector를 삭제

Rename 선택된 Selector의 이름 바꾸기

Compress All 사용되지 않는 Property를 전부 제거합니다.

Uncompress 선택된 Selector가 제공하는 Property를 css에 표시합니다.

Expand 선택된 Selector의 하위 Tree Item을 펼침

Collapse 선택된 Selector의 하위 Tree Item을 감춤


아래그림은 New Selector의 입력 창입니다. 선택한 요소에 대한 스타일을 지정하거나 특정 ID 값을 가진 항목에 스

타일을 지정할 수 있습니다.

‘Preview’은 Style이 적용된 결과를 미리 볼 수 있으며, Mouse조작을 통해 Pushed, Mouse Over, Focused, Disabl

ed등의 상태를 확인할 수 있습니다.

Theme / CSS | 155

‘SourceCode’ 창에서는 현재 편집하고 있는 CSS문서를 보여주며, 개발자가 Style을 직접 수정하여 적용할 수 있습니

다.

기본적으로 CSS Syntax는 선택자와 선언문으로 구성됩니다. 선택자(Selector)는 선언된 속성을 어디에 적용할지 지

정하며, 선언문(Declaration)에서는 속성을 정의하게 됩니다. 속성은 속성명과 속성값으로 구분되며, 속성명은 어떤

종류의 Style을 적용할지 지정하고, 속성값에서 상세 Style을 정의합니다.

Properties창에서는 Style을 입력, 수정할 수 있는 속성 값들이 표기되며, Properties창에서 입력된 내용은 SourceC

ode에 자동 update되어 Preview에서 바로 확인할 수 있습니다.


6.1.3 Theme 생성

Standard Toolbar 아이콘을 클릭하거나 메뉴[File – New – File – XTheme] 선택하여 CSS 파일을 생성할 수 있습니

다.

파일명과 생성 위치를 입력하여 Theme 파일을 생성할 수 있습니다.

속성 설명

File name 생성될 Theme 파일명

Location 생성될 Theme 파일 위치

Theme / CSS | 157

6.1.4 Theme 편집기

새로운 Theme를 만들거나 기존 Theme를 수정할 수 있는 Theme 편집기는 아래와 같이 구성됩니다.

속성 설명

1 Folder Tree Theme에 포함될 Image파일 및 CSS 파일 목록

2 Image Preview Image 파일 Preview

3 New Folder 선택된 위치에 새 Folder를 추가

4 Insert 선택된 위치에 새 파일을 목록에 추가

5 Delete 선택된 파일을 목록에서 제거


6.2 Style Property Editor

Style을 직관적으로 입력, 수정할 수 있는 Style Property Editor를 사용하여 Form에 사용된 개별 컴포넌트의 CSS St

yle을 편집할 수 있습니다. Style Property Editor에서 수정된 내용은 Properties Window에도 바로 적용되어 확인


CSS 파일을 수정하는 경우에는 Style Property Editor가 지원되지 않습니다. 소스 코드를 직접 수정하

거나 Properties 창에서 수정해야 합니다.

6.2.1 Text

컴포넌트의 Text 관련 Property를 수정할 수 있습니다.

속성 설명

Font Component의 Text font를 수정. (Properties 창의 font 속성)

Color Component의 Text Color Style을 수정. (Properties 창의 color 속성)

Alignment Component의 Text Align Style을 수정. (Properties 창의 align 속성)

Theme / CSS | 159

6.2.2 Border

컴포넌트의 Border관련 Property를 수정할 수 있습니다.

속성 설명

Border Component의 Border Style을 수정. (Properties 창의 border 속성)

Border Type Component의 Border Type을 수정. (Properties 창의 bordertype 속성)

Focus Border Component의 Focus Border Style을 수정.

(Properties 창의 focusborder 속성)


6.2.3 Background

컴포넌트의 Background 관련 Property를 수정할 수 있습니다.

속성 설명

Color Component의 Background Color를 수정.

(Properties 창의 background 속성)

Image Component의 Background Image를 수정.

(Properties 창의 background 속성)

Gradation Component의 Background Gradation을 수정.

(Properties 창의 gradation 속성)

Gradation의 Style은 정의된 start, end의 position값을 사용하여 Gradation을 만들어주는 Template으로 컴포넌

트의 background 속성을 ‘@gradation’으로 변경합니다. Style에서 Gradation을 해제 하였을 경우에는 backgroun

d의 이전 값을 복구해 줍니다.

Theme / CSS | 161

6.2.4 Appearance

컴포넌트의 Appearance관련 Property를 수정할 수 있습니다.

속성 설명

Opacity Component의 Opacity Style를 수정. (Properties 창의 opacity 속성)

소스 코드 관리 시스템 지원

7.

넥사크로플랫폼에서는 소스 코드 관리 시스템과 연계를 지원합니다. 지원하는 솔루션에 따라 기능이 다를 수 있습니

다.

7.1 서브버전(Subversion)

7.1.1 서브버전 사용 설정

서브버전 클라이언트를 설치하면 넥사크로 스튜디오의 Tools > Options 창에서 Source Control 항목을 선택하고 S

VN을 선택할 수 있습니다.

넥사크로 스튜디오에서 지원하는 서브버전 클라이언트는 "Subversion for Windows"입니다. 다른 서

브버전 클라이언트 사용 시에는 SVN 선택 옵션이 활성화되지 않습니다. "Subversion for Windows"와

관련해서는 아래 URL을 참고하세요.

https://sourceforge.net/projects/win32svn/

https://sourceforge.net/projects/win32svn/

소스 코드 관리 시스템 지원 | 163

넥사크로 스튜디오에서 서브버전 사용 시 지원하는 옵션은 아래와 같습니다.

Option 설명

Check SVN status when opened project 프로젝트를 열 때 파일의 상태를 자동으로 검사할지 설정

Update file(s) when opening the project 프로젝트를 열 때 파일의 최신 버전을 자동으로 가져올지 설

정

Commit file(s) when closing the project 프로젝트를 닫을 때 체크아웃 상태의 파일을 자동으로 커밋할

지 설정

Get lock file(s) when edited 파일을 편집하는 중에는 자동으로 잠금 상태로 설정해 다른

사용자가 편집할 수 없게 할지 설정

Prompt to add file when inserted 새 파일을 추가할 때 자동으로 Add 명령을 수행할지 설정

Program used for diff 버전 별 파일을 비교하기 위한 외부 프로그램을 등록

서브버전 클라이언트를 설치해야 넥사크로 스튜디오에서 SVN 옵션이 활성화됩니다. 넥사크로 스튜디

오에서는 윈도우 레지스트리에 등록된 항목으로 서브버전 클라이언트 설치 여부를 확인합니다.


서브버전 1.6.0 버전 미만일 경우 넥사크로 스튜디오에서 SVN 옵션이 보이지 않거나 일부 기능이 동작

하지 않을 수 있습니다.

서브버전 클라어언트설치와 관련된 안내는 별도 제공하지 않습니다. 설치 관련 안내는 아래 링크를 참고

하세요.

http://subversion.apache.org/packages.html

7.1.2 툴바

넥사크로 스튜디오 툴바에서는 아래와 같은 서브버전 기능을 지원합니다.

항목 설명

Update 저장소에 등록된 최신 버전의 파일 내용을 받습니다.

Commit 변경된 내용을 저장소에 반영합니다.

Get Lock 지정된 파일을 다른 사용자가 사용할 수 없는 잠금 설정 상태로 변경합니다.

Release Lock 설정된 잠금 설정 상태를 해제합니다.

Add 새로운 파일을 추가합니다. 추가된 파일은 커밋 명령으로 저장소에 반영할

수 있습니다.

Delete 파일을 삭제 상태로 변경합니다. 커밋 명령으로 저장소에서 제거할 수 있습

니다. 사용자 PC에 저장된 실제 파일은 삭제되지 않습니다.

Rename 파일 이름을 변경합니다. SVN에서는 파일명 변경 기능이 따로 있는 것은

아니며 Add/Delete 방식으로 처리합니다.

Show Log 파일 변경 이력을 확인할 수 있습니다.

Diff with Previous version 이전 버전과 다른 부분을 비교합니다. Options에서 ‘Program used for di

ff’ 항목으로 등록된 프로그램이 실행됩니다.

Revert 이전에 수행한 작업을 취소해 파일 상태를 이전 상태로 복구합니다.

Refresh 파일의 상태를 새로 고침합니다.

Repository Browser Repository Browser를 실행합니다.

http://subversion.apache.org/packages.html




서브버전을 사용하기 위해 해당 저장소(Repository)의 접속정보를 입력합니다.

항목 설명

Username 서브버전 서버에 등록된 사용자명을 입력합니다.

Password 사용자 비밀번호를 입력합니다.

Repository 연결할 저장소 주소를 입력합니다.

Save authentication 입력된 정보를 레지스트리에 저장할지 설정합니다.

체크된 경우 같은 프로젝트로 접속하면 다시 확인하지 않습니다.

서브버전에 등록되지 않은 프로젝트를 불러올 경우에 아래와 같은 저장소 등록 여부를 묻는 팝업 메시지가 나타납니

다. ‘Yes’를 클릭할 경우에는 Import 기능을 실행합니다.

7.1.4 기본 기능


프로젝트 신규 등록(Import)

신규 프로젝트를 서브버전 저장소에 등록하는 기능입니다. Import 기능은 프로젝트를 불러올 때 저장소 등록 여부를

확인하는 대화상자에서 'Yes'를 선택했을 경우에만 사용할 수 있는 기능입니다.

항목 설명

URL of repository 프로젝트가 등록될 저장소 주소를 지정합니다.

Import message Import 메시지를 입력합니다.

Include ignored files 서브버전에서 설정된 무시될 파일의 포함 유무를 결정합니다.

Import된 프로젝트는 서브버전과 연동되기 위해서 자동으로 체크아웃이 진행됩니다.

커밋(Commit)

작업 사본의 변경 내용을 저장소에 반영합니다.


항목 설명

Message 커밋 메시지를 입력합니다.

Changes made 커밋 대상 파일 목록을 표시합니다.

Select / deselect all 커밋 대상 목록을 선택/해제합니다.

Keep locks 커밋 대상의 잠금 상태를 유지할지 결정합니다.

해당 기능은 대상 파일이 잠금 상태인 경우에만 활성화됩니다.


연결된 저장소에 새로운 파일을 등록할 때 사용합니다.


항목 설명

Path 추가할 파일 목록을 표시합니다.

Select /deselect all 추가할 목록을 선택/해제합니다.

목록에서 선택한 파일 항목만 저장소에 등록되도록 설정되며, 커밋 명령을 수행해야 저장소에 실제로 반영됩니다.

파일 삭제하기(Delete)

연결된 저장소에서 파일을 삭제할 때 사용합니다.

항목 설명

Item 삭제할 파일을 표시합니다.

Keep local item from working copy 사용자 PC에 저장된 작업 사본을 같이 삭제할지 설정합니다.

지정된 대상은 저장소에서 제거되도록 설정되며, 커밋 명령을 수행해야 저장소에 실제로 반영됩니다.



대상의 이름을 변경합니다. Rename 기능은 대상 파일의 사본을 변경할 이름으로 복사하여 ‘Add’하고 기존 파일을 ‘

Delete’하는 방식으로 진행되기 때문에 Rename 기능 수행 이후에는 이전 변경 이력을 확인할 수 없습니다. Renam

e 기능은 별도의 대화 상자 없이 바로 처리합니다.


사용자 PC의 작업 사본을 연결된 저장소의 최신 버전으로 변경합니다. Update 명령은 파일의 SVN Status가 확인된

이후에만 활성화되며 별도의 입력 없이 수행 결과만 표시됩니다.


파일 잠그기(Get Lock)

파일을 접속한 사용자만 사용하도록 잠금 상태로 변경합니다.


항목 설명

Message Lock 메시지를 입력합니다.

List 잠금 상태로 변경할 대상 파일 목록을 표시합니다.

Select /deselect all 잠금 상태로 변경할 대상 목록을 선택/해제합니다.

잠금 해제하기(Release Lock)

사용자가 잠금 상태로 변경한 파일을 잠금 해제 상태로 변경합니다.

항목 설명

Path 잠금 해제 상태로 변경할 대상 파일 목록을 표시합니다.

Select /deselect all 잠금 해제 상태로 변경할 대상 목록을 선택/해제합니다.


변경 이력(Log Messages)

대상의 Log를 표시합니다.


이전 리비전 비교하기(Diff with previous version)

작업 사본과 저장소에 저장된 이전 리비전 대상을 비교하여 차이점을 보여줍니다. 해당 기능은 Option에 ‘Program

used for diff’가 설정된 경우 해당 프로그램을 실행해 처리합니다.


이전 작업내용을 취소하여 작업 사본의 상태를 되돌립니다.


항목 설명

Path 대상 파일 목록을 표시합니다.

Select /deselect all 대상 목록을 선택/해제합니다.

새로 고침(Refresh)

작업 사본의 SVN Status 상태를 Refresh 하는 기능입니다.

7.1.7 저장소 탐색기

저장소 파일 목록을 표시하고 SVN 기능을 지원하는 서브버전 클라이언트 도구입니다.


항목 설명

URL 파일 목록을 표시하는 저장소 경로를 표시합니다.

직접 입력하여 다른 저장소로 접속할 수 있습니다.

Folder Tree 접속된 저장소의 폴더를 트리 목록으로 표시합니다.

File List 현재 선택된 폴더의 파일을 목록에 표시합니다.

저장소를 선택하면 아래와 같은 컨텍스트 메뉴가 지원됩니다.


항목 설명

Show Log 해당 저장소 변경 이력을 표시합니다.

Export 선택한 저장소에 저장된 파일를 지정된 사용자 PC 폴더 위치로 내보냅니다. 내보낸 파일

은 체크아웃되지 않은 상태로 저장소와 연동되지 않습니다.

Checkout 선택한 저장소에 저장된 파일를 지정된 사용자 PC 폴더 위치에 체크아웃합니다.

Refresh 폴더 정보를 새로 고침합니다.

Create Folder 선택한 저장소에 하위 폴더를 생성합니다.

Add File PC에서 사용자가 선택한 파일을 저장소에 추가합니다.

Add Folder PC에서 사용자가 선택한 폴더에 포함된 파일을 지정된 저장소에 추가합니다.

Rename 선택한 저장소의 이름을 변경합니다.

Delete 선택한 저장소를 삭제합니다.

파일을 선택한 상태에서는 아래와 같은 컨텍스트 메뉴를 지원합니다.

항목 설명

Show Log 해당 파일 변경 이력을 표시합니다.

Rename 선택한 파일의 이름을 변경합니다.

Delete 선택한 파일을 삭제합니다.

Save as 선택한 파일 복사본을 생성합니다.

7.1.8 Subversion Status

Subversion의 상태에 따라서 넥사크로 스튜디오 Project Explorer에 다음과 같이 표시됩니다.

항목 설명

No modification 수정된 내용이 없는 상태입니다.

scheduled for addition 파일이 저장소에 Add로 등록된 상태입니다.

modified 파일이 수정된 상태입니다.

scheduled for deletion 파일이 저장소에 Delete로 등록된 상태입니다.

Conflict Update 처리 중 충돌이 발생한 상태입니다.

Ignored 서브버전에서 무시된 형식의 파일입니다.

Not under version control 저장소에 등록되지 않은 파일입니다.


7.2 CVS

7.2.1 CVS 사용 설정

CVS 클라이언트를 설치하면 넥사크로 스튜디오의 Tools > Options 창에서 Source Control 항목을 선택하고 CVS

를 선택할 수 있습니다.

넥사크로 스튜디오에서 CVS 사용 시 지원하는 옵션은 아래와 같습니다.

Option 설명

Check CVS status when opened project 프로젝트를 열 때 파일의 상태를 자동으로 검사할지 설정

Update file(s) when opening the project 프로젝트를 열 때 파일의 최신 버전을 자동으로 가져올지 설

정

Commit file(s) when closing the project 프로젝트를 닫을 때 체크아웃 상태의 파일을 자동으로 커밋할

지 설정

Prompt to add file when inserted 새 파일을 추가할 때 자동으로 Add 명령을 수행할지 설정



7.2.2 툴바

넥사크로 스튜디오 툴바에서는 아래와 같은 CVS 기능을 지원합니다.

항목 설명

Update 저장소에 등록된 최신 버전의 파일 내용을 받습니다.

Commit 변경된 내용을 저장소에 반영합니다.

Add 새로운 파일이나 디렉터리를 추가합니다.

Diff 이전 버전과 다른 부분을 비교합니다. Options에서 ‘Program used for di


Revert 이전에 수행한 작업을 취소해 파일 상태를 이전 상태로 복구합니다.

Edit 설정된 잠금 설정 상태를 해제합니다.

Unedit 지정된 파일을 다른 사용자가 사용할 수 없는 잠금 설정 상태로 변경합니다.

Editors 선택한 파일을 편집하고 있는 사용자를 보여줍니다.

History 파일 변경 이력과 사용자 상태를 보여줍니다.

Annotate 소스 코드 라인 단위로 변경 이력을 보여줍니다.

Refresh status 파일의 상태를 새로 고침합니다.

Rename 파일 이름을 변경합니다.

Remove 저장소에서 파일을 삭제합니다.

Import project 프로젝트 소스를 저장소에 등록합니다.

Checkout 소스 코드를 수정하기 위해 저장소에서 가져옵니다.



CVS를 사용하기 위해 해당 저장소(Repository)의 접속정보를 입력합니다.


항목 설명

Previous CVSROOTs 접속을 시도한 CVS 주소

Protocol 접속 유형

Protocal parameters 프로토콜 유형

User name 로그인 사용자 계정

Server 서버 주소

Port 접속 포트

Repository folder 저장소명

Module name 모듈명

Modules on CVS 'Fetch list' 버튼을 클릭하면 서버에 접속해 저장소 목록을 가져옵니다.

CVS는 신규 프로젝트를 열고 Import 기능을 선택했을 때 인증을 시도합니다.


7.2.4 기본 기능

프로젝트 신규 등록(Import Project)

신규 프로젝트를 CVS 저장소에 등록하는 기능입니다. CVS 저장소에 등록되지 않은 프로젝트를 열었을 경우에만 해

당 기능이 활성화됩니다. 모듈명은 프로젝트명과 같은 이름으로 입력됩니다.

접속정보를 입력하고 'OK'버튼을 클릭하면 비밀번호를 확인합니다. 정상적으로 접속되고 Import 기능이 처리되면

결과값을 화면에 보여줍니다.

정상 처리되었다면 Import 기능은 툴바나 메뉴에서 비활성화됩니다.


커밋(Commit)

작업 사본의 변경 내용을 저장소에 반영합니다.

항목 설명

Changes made 커밋 대상 파일 목록을 표시합니다.

Message 커밋 메시지를 입력합니다.

Select / deselect all 커밋 대상 목록을 선택/해제합니다.


연결된 저장소에 새로운 파일을 등록할 때 사용합니다.


항목 설명

Path 추가할 파일 목록을 표시합니다.

Select /deselect all 추가할 목록을 선택/해제합니다.

목록에서 선택한 파일 항목만 저장소에 등록되도록 설정되며, 커밋 명령을 수행해야 저장소에 실제로 반영됩니다.


연결된 저장소에서 파일을 삭제할 때 사용합니다. 사용자 PC 작업 폴더에 있는 파일이 삭제되어야 저장소에 있는 파

일도 삭제됩니다.



대상의 이름을 변경합니다. Rename 기능은 대상 파일의 사본을 변경할 이름으로 복사하여 ‘Add’하고 기존 파일을 ‘

Delete’하는 방식으로 진행되기 때문에 Rename 기능 수행 이후에는 이전 변경 이력을 확인할 수 없습니다. Renam

e 기능은 별도의 대화 상자 없이 바로 처리합니다.


사용자 PC의 작업 사본을 연결된 저장소의 최신 버전으로 변경합니다. 별도의 입력 없이 수행 결과만 표시됩니다.



파일 잠그기(Edit)

파일을 접속한 사용자만 사용하도록 잠금 상태로 변경합니다. 작업을 마치고 커밋 명령을 수행하면 잠금은 자동으로

해제됩니다.

잠금 해제하기(Unedit)

사용자가 잠금 상태로 변경한 파일을 잠금 해제 상태로 변경합니다.

작업자 확인(Editors)

파일이 잠금 상태일 경우 어느 사용자가 파일을 잠금 상태로 변경했는지 확인할 수 있습니다.



변경 이력(History)

대상의 Log를 표시합니다.

이전 리비전 비교하기(Diff)

작업 사본과 저장소에 저장된 이전 리비전 대상을 비교하여 차이점을 보여줍니다. 해당 기능은 Option에 ‘Program

used for diff’가 설정된 경우 해당 프로그램을 실행해 처리합니다.

코드 라인 단위 비교하기(Annotate)

코드 라인 단위로 마지막에 수정된 리비전을 확인할 수 있습니다.



이전 작업내용을 취소하여 작업 사본의 상태를 되돌립니다.


작업 사본의 CVS Status 상태를 Refresh 하는 기능입니다.

7.2.7 체크아웃

저장소 파일 목록을 표시하고 선택한 프로젝트를 사용자 PC 작업 폴더로 가져올 수 있습니다.



7.3 소스세이프(SourceSafe)

7.3.1 소스세이프 사용 설정

소스세이프 클라이언트를 설치하면 넥사크로 스튜디오의 Tools > Options 창에서 Source Control 항목을 선택하고

SourceSafe를 선택할 수 있습니다.

넥사크로 스튜디오에서 소스세이프 사용 시 지원하는 옵션은 아래와 같습니다.

Option 설명

Check SourceSafe status when opened project 프로젝트를 열 때 파일의 상태를 자동으로 검사할지 설정

Get Last Version everything when opening a project 프로젝트를 열 때 파일의 최신 버전을 자동으로 가져올지 설

정

Check in everything when closing a project 프로젝트를 닫을 때 자동으로 체크인할지 설정

Checked-in item behavior On file open check out automat

ically

파일을 열거나 뷰를 확인 시 자동으로 체크아웃할지 설정

Don't automatically login, If you have record the last Sour 소스세이프 로그인 정보를 저장했다가 자동으로 로그인할지


ceSafe connect 설정


Option 설명

비주얼 소스세이프를 설치해야 넥사크로 스튜디오에서 SourceSafe 옵션이 활성화됩니다. 넥사크로 스

튜디오에서는 윈도우 레지스트리에 등록된 항목으로 소스세이프 설치 여부를 확인합니다.

정상적으로 설치했으며 설치 폴더에 TiScmAdpSourceSafe.dll 파일이 있다면 SourceSafe 옵션을 사

용할 수 있습니다.

7.3.2 툴바

넥사크로 스튜디오 툴바에서는 아래와 같은 소스세이프 기능을 지원합니다.

항목 설명

Change to SourceSafe Database db.ini 파일 경로를 입력하고 접속 정보를 만듭니다.

이미 연결된 정보가 있다면 변경할 것인지 확인하는 경고창이 나타납니다.

Add Project 프로젝트를 소스세이프 서버에 추가합니다.

기능 처리 시 프로젝트 폴더 아래에 [프로젝트명].xpjscc 파일이 생성됩니

다.

Get Last Version 선택된 파일의 가장 마지막 버전을 소스세이프 서버에서 받아옵니다.

Check Out 소스세이프 서버에 선택된 파일 체크아웃 명령을 내립니다.

체크아웃 명령이 실행되면 다른 사용자의 파일 사용 여부를 확인합니다. 다

른 사용자가 사용중이라면 사용자 정보가 나타나며 체크아웃 동작이 처리

되지 않습니다.

체크아웃 처리 중 남기는 코멘트는 체크인 처리 시 자동으로 코멘트 항목에

입력됩니다.

Check In 소스세이프 서버에 선택 된 파일 체크인 명령을 내립니다.

체크인이란 체크아웃 후 수정된 내용을 확인하고 수정된 내용이 있다면 소

스세이프 서버에 업데이트하고 변경된 사항을 반영합니다.

Check Undo 선택된 파일을 체크아웃하기 전 상태로 파일 내용을 변경하고, 소스세이프

서버에 체크아웃 상태를 이전 상태로 되돌립니다.

Add To 선택된 파일을 소스세이프 서버에 추가합니다.

같은 파일이 서버에 있는 경우에는 추가할 수 없습니다.

예를 들어, 새로운 form이나 파일을 생성하면 소스세이프 서버에 추가해

야 합니다.

Remove 선택된 파일을 소스세이프 서버에서 삭제합니다.


Show History 소스세이프 서버에 체크인된 파일 변경 이력을 보여줍니다.

Show Diff 이전 버전과 다른 부분을 비교합니다. Options에서 ‘Program used for di


Refresh status 소스세이프 서버의 데이터베이스를 확인해 선택된 파일의 상태를 가져옵

니다. 파일의 상태에 따라 파일 아이콘이 변경되며 툴바, 메뉴, 컨텍스트 메

뉴의 활성화 상태가 달라집니다.

Run SourceSafe 비주얼 소스세이프 클라이언트 프로그램을 실행합니다.

항목 설명


데이터베이스 접속 정보 입력

소스세이프를 사용하기 위해 해당 데이터베이스의 접속정보를 입력합니다.

항목 설명

User Name 소스세이프 서버에 등록된 사용자명을 입력합니다.

연결하려는 소스세이프 데이터베이스에 해당하는 사용자를 입력합니다.

Password 사용자 비밀번호를 입력합니다.

비밀번호는 저장되지 않고 항상 초기화됩니다.

DataBase 연결할 소스세이프 데이터베이스 경로를 입력합니다.

데이터베이스 경로 루트 폴더에 있는 srcsafe.ini 파일까지 선택해야 합니다.

Contents of 프로젝트 폴더 위치입니다.

프로젝트 폴더는 데이터베이스 경로 루트 폴더에 생성되며 하위 폴더를 지정할 수 없습니다.

작업 폴더와 프로젝트 경로가 일치해야 합니다. 경로가 일치하지 않으면 편집 과정에서 원하는

결과를 얻을 수 없습니다.


[프로젝트명].sprjscc 파일에 마지막으로 접속한 데이터베이스 정보가 저장됩니다. 해당 파일이 없는 경

우에는 레지스트리에 저장된 데이터베이스를 표시합니다.

7.3.4 기본 기능

프로젝트 신규 등록(Add Project)

신규 프로젝트를 소스세이프 서버에 등록하는 기능입니다. 프로젝트를 불러올 때 데이터베이스 정보를 입력하는 창

이 나타납니다.

정상적으로 서버에 연결되면 각 파일 아이콘 상태가 + 모양으로 변경되며 툴바에 'Add Project' 아이콘이 활성화됩

니다.

'Add Project' 기능을 선택하면 서버에 업데이트할 파일 목록이 나타납니다. 선택된 파일은 소스세이프 서버에 반영

됩니다. 정상적으로 처리되면 각 파일 아이콘 상태가 체크 표시로 변경됩니다.


'Checkout After Adding to Source Control' 항목을 선택하면 서버에 추가후 체크아웃 상태로 처리

합니다.

소스세이프 탐색기에서 프로젝트가 추가된 것을 확인할 수 있습니다.


체크아웃(Check Out)

다른 사용자가 해당 파일을 사용하고 있는지 확인한 후 파일을 편집할 수 있는 상태로 변경합니다. 체크아웃하기 전에

는 넥사크로 스튜디오에서 해당 파일을 열어볼 수 있지만, 편집은 할 수 없습니다.

체크아웃할 파일을 선택하고 'OK' 버튼을 클릭합니다.


소스세이프 탐색기에서 체크아웃한 파일에 대한 정보를 확인할 수 있습니다.

체크인(Check In)

수정된 파일을 소스세이프 서버에 반영하는 작업을 처리합니다. 체크인 처리가 되면 넥사크로 스튜디오에서 해당 파

일을 열어볼 수 있지만, 편집은 할 수 없습니다.

체크인 처리 전에 변경된 내용을 확인할 수 있습니다. 'Differences' 버튼을 클릭하면 'Show Diff'에 설정된 프로그

램이 실행되며 파일 내용을 비교할 수 있습니다.

파일 추가하기(Add To Source Control)

새로 생성한 파일을 소스세이프 서버에 추가합니다.


'Checkout After Adding to Source Control' 항목을 선택하면 서버에 추가후 체크아웃 상태로 처리

합니다.


서버에서 선택한 파일을 삭제합니다. 사용자 PC에서는 삭제되지 않으며 새로 생성한 파일로 상태가 변경됩니다.


업데이트(Get Last Version)

사용자 PC의 작업 사본을 연결된 서버의 최신 버전으로 변경합니다. 업데이트할 파일을 선택하고 'OK' 버튼을 클릭

합니다.


변경 이력(Show History)

파일 변경 이력을 보여줍니다. 필요에 따라 조건을 추가해 검색 범위를 조정할 수 있습니다.


항목 설명

Include Labels 라벨을 입력한 항목도 검색할지 설정합니다.

Labels Only 라벨을 입력한 항목만 검색할지 설정합니다.

From 체크인 날짜를 기준으로 검색할 시작 날짜를 설정합니다.

To 체크인 날짜를 기준으로 검색할 종료 날짜를 설정합니다.

User 체크인한 사용자 아이디를 지정합니다.

원하는 버전을 선택해서 변경 내용이나 코멘트를 확인하거나 해당 버전으로 체크아웃을 처리할 수 있습니다.

항목 설명

Close 변경 이력을 보여주는 창을 닫습니다.

Get 선택된 버전 파일을 서버에서 가져옵니다.

Details 상세 정보를 조회합니다.

Check Out 선택된 버전 파일을 가져오고 체크아웃 상태로 처리합니다.

Diff 선택된 버전을 작업 폴더에 있는 파일과 비교합니다.

두 가지 항목을 선택한 경우에는 선택한 파일을 서로 비교합니다.

View 선택된 파일을 텍스트 형태로 보여줍니다.

비교하기(Show Diff)

작업 사본과 서버에 저장된 파일을 비교하여 차이점을 보여줍니다. 해당 기능은 Option에 ‘Show Diff’가 설정된 경

우 해당 프로그램을 실행해 처리합니다. 체크인이나 수정사항 되돌리기 작업 시 'Differences' 항목을 선택했을 때도

'Show Diff' 기능을 수행합니다.

소스세이프 서버와 현재 편집 중인 파일을 비교하고 변경된 사항이 없는 경우에는 연결된 프로그램을 실행하지 않습


니다.

수정된 내용이 있는 경우에는 연결된 프로그램에서 수정된 내용을 확인할 수 있습니다.

수정 사항 되돌리기(Check Undo)

체크아웃하기 전 상태로 되돌립니다. 코멘트는 입력할 수 없습니다.



선택된 파일의 현재 상태 값을 가져옵니다. 상태 값에 따라 파일 아이콘이 변경되며 툴바나 메뉴, 컨텍스트 메뉴의 활

성화 상태가 변경됩니다.

상태 값에 따른 파일 아이콘은 아래와 같이 변경됩니다.

설명

체크인 상태입니다.

체크아웃 상태입니다.

소스세이프 서버에 등록되지 않은 상태입니다.

Add To Source Control 기능을 사용해 소스세이프 서버에 추가합니다.

7.3.6 소스세이프 클라이언트

Run SourceSafe

소스세이프 클라이언트 프로그램을 실행합니다.

설정

8.

넥사크로 스튜디오의 메뉴 Tools[Option…]를 선택하여 넥사크로 스튜디오의 전체적인 개발 환경을 설정할 수 있습

니다.

8.1 Options – Environment

넥사크로 스튜디오의 전체적인 환경을 설정합니다.

8.1.1 General

General은 넥사크로 스튜디오의 일반적인 Option을 설정합니다.

설정 | 199

속성 설명

1 Working Folder 신규 Project 생성시 Project가 저장되는 폴더를 지정

2 items shown in Recently us

ed File

메뉴 [File – Recent Files]에 표시되는 File 목록 개수를 설정.

3 items shown in Recently us

ed Project File

메뉴 [File – Recent Projects]에 표시되는 Project 목록 개수를 설정

8.1.2 Build

Generate 작업과 관련된 경로 설정과 컴포넌트 생성 순서, 자동 생성 여부를 지정합니다.

속성 설명

1 Generate Path 프로젝트 Build 시 생성된 파일이 저장되는 경로를 지정

2 Base Lib Path 프로젝트마다 사용하는 기본 라이브러리가 다를 경우 해당하는 경로를 지정.

● Base Lib Path 옵션은 프로젝트마다 따로 관리됩니다.

3 Z-Order 컴포넌트의 Z-Order 순서에 따라 컴포넌트를 생성합니다. (Default)


4 Tab Order 컴포넌트의 taborder 속성값으로 지정한 순서에 따라 컴포넌트를 생성합니다.

5 Auto generate "Auto generate when file saved" 옵션 체크 : 파일저장 시 Auto Generate 수행합

니다.(Default)

"Auto generate when file saved" 옵션 체크해제 : 파일저장 시 Auto Generate 수

행하지 않습니다.

6 Message "Show detail message" 옵션 체크: generate 관련 모든 메세지 출력

"Show detail message" 옵션 체크해제: generate 시작, 에러, 결과, 종료 메세지만

출력 (Default)

7 Merge 배포할 JSON 모듈의 파일에 등록된 Javascript 파일 목록을 하나의 파일로 병합할지

를 설정합니다.

속성 설명

8.1.3 Compress

메뉴 [Build > Deploy] 실행 시 적용할 Compress 관련 옵션을 설정합니다.

설정 | 201

속성 설명

1 Compress JS file 공백문자나 주석을 제거해 파일을 압축합니다.

2 Code Obfuscation 변수명을 난독화합니다.

3 Obfuscate JS file regardless of eval function evel 함수와 상관없이 난독화 기능을 수행합니다.

4 Ignore compress files 압축시 제외할 파일 목록을 지정합니다.

지정된 목록은 XPRJ 파일이 저장된 경로 아래 .ignorec

ompress 파일로 저장합니다.

5 Compile File 암호화된 파일로 변환합니다.

런타임 환경에서만 사용할 수 있습니다.

[Obfuscate JS file regardless of eval function] 옵션을 체크할 경우 코드 내 변수를 난독화하면서 ev

al 함수 내 문자열은 난독화되지 않습니다. 그로 인해 실행 시 오류가 발생할 수 있습니다.

var test = this.Dataset00;

trace(eval("te" + "st")); // [object Dataset]

#### Obfuscate JS file ####

var _d = this.Dataset00;

trace(eval("te" + "st")); // ReferenceError: test is not defined

8.1.4 Startup

넥사크로 스튜디오가 시작될 때 사용되는 Option을 설정합니다.

속성 설명

1 Reopen last open project on Startup 넥사크로 스튜디오 시작 시 마지막으로 작업했던 Proje

ct를 자동으로 Open할지 설정합니다


8.1.5 Auto Recover

파일 편집 시 자동 복구 방식에 대한 Option을 설정합니다.

속성 설명

1 Save AutoRecover info every 파일 편집 시 AutoRecover 기능 사용유무를 설정

2 Save AutoRecover info every minutes AutoRecover 동작 시간을 설정

3 Make backup(.bak) file 편집 대상 파일의 백업 파일을 생성

8.1.6 Font and Color

넥사크로 스튜디오의 각각의 창에서 사용되는 Font와 Color를 설정합니다.

설정 | 203

속성 설명

Display items 설정 범위를 설정

Set General 기본값으로 설정.

Font 글꼴을 선택

Font Style 글꼴의 Style을 설정

Size 글꼴의 크기를 설정

Script 지정된 글꼴에서 사용할 수 있는 언어 스크립트를 표시.

Foreground 글꼴 색깔을 설정.

Background 여백 색깔을 설정

Strike Out 문자열에 취소 선을 표시여부 설정.

Underline 문자열에 밑줄을 표시여부 설정.

Tab Size 탭 크기를 설정.

Indent Size 들여쓰기 크기를 설정

Insert Spaces 탭의 크기만큼 공백으로 표시

Keep Tabs 탭을 유지

View Indentation Guide 들여쓰기 안내선 보기를 설정

Auto Indent 자동 들여쓰기를 설정

Preview 설정된 Option 값을 적용한 화면 미리 보기


8.1.7 Project Explorer

Project Explorer에서 사용되는 Option을 설정합니다.

속성 설명

1 FDL Parsing

(project open)

Project를 Open할 경우에 FDL의 내용을 분석해서 Project Explorer에 표시하는 Op

tion입니다．

• None(only filename) : FDL의 내용을 표시하지 않습니다.

• All : 모든 FDL들의 내용을 표시합니다.

• Services : 지정된 Services의 FDL들만 내용을 표시합니다.

2 Show Title TitleText의 표시유무를 설정

• At Project Explorer : FDL안의 TitleText정보를 Project Explorer에 표시합니다.

• At Child Tab : FDL안의 TitleText정보를 편집화면의 Tab에 표시합니다.

설정 | 205

8.1.8 Script

Script 편집 화면에서 사용되는 Option을 설정합니다.

속성 설명

1 Remove function body when set empty

string to event property

Properties에서 이벤트를 제거했을 때 function의 삭

제 여부를 설정

2 IntelliSense items Intellisense 목록에서 표시되는 Item의 숫자를 설정합

니다.

8.1.9 Launch

넥사크로 스튜디오에서 작업 중인 Project를 Launch할 때 사용되는 Option입니다.


속성 설명

Does not display the popup menu at Launch nexacro

platform

실행된 넥사크로플랫폼에서 컨텍스트 메뉴를 표시할지

여부를 설정합니다. (런타임만 지원)

넥사크로플랫폼 런타임 Quick View 실행 시 나타나는 컨텍스트 메뉴는 아래와 같습니다. 웹브라우저로 실행할 때는

지원하지 않습니다.

메뉴 기능

Reload 현재 보이는 화면을 새로고침합니다.

넥사크로 스튜디오에서 코드를 수정하고 다시 Quick View를 띄우지 않고 실행된 화면에서 변

경된 내용을 확인할 수 있습니다.

View Source 실행된 넥사크로플랫폼 애플리케이션의 소스 코드를 넥사크로 스튜디오에서 보여줍니다.

여러 개의 폼을 메뉴로 조작하는 경우에 유용하게 사용할 수 있습니다.

Always on Top 실행된 애플리케이션을 윈도우 영역 최상위에 고정시킵니다.

8.1.10 Business Service

Business Service 설정 시 관련된 옵션을 설정합니다.

설정 | 207

속성 설명

1 Load business service layout information on Startup 프로젝트를 로딩할때 Business Service도 같이 불러올

지 여부를 설정합니다.

2 Use user-defined metadata Service Type이 'metadata'일 때 Metadata에 포함된

데이터를 id, text 속성값을 지정하기 위해 사용할지 여

부를 설정합니다.

8.2 Options – Debugging

넥사크로 스튜디오의 Debugging과 관련된 Option을 설정합니다.

8.2.1 General

Debugging과 관련된 Option을 설정합니다.


속성 설명

1 Show message of error Error내용을 Output창에 표시

2 Show message of warning Warning내용을 Output창에 표시

8.3 Options – Form Design

넥사크로 스튜디오의 Design Window와 관련된 Option을 설정합니다.

8.3.1 General

Form Design관련 Option을 설정합니다.

설정 | 209

속성 설명

Max Undo Undo로 복구할 수 있는 최대 횟수

Default Width 신규 Form생성시 기본 Width를 설정

Default Height 신규 Form생성시 기본 Height를 설정

Dot Grid Size Design Window의 Canvas에 표시되는 Dot의 간격을 설정

Display Dot Grid Design Window의 Canvas에 Dot 표시 유무를 설정

Snap to dots when move Contr

ol

Canvas 위에서 Control을 이동할 때 Canvas Dot에 대해 Magnetic 기능을 적용할지 설

정

Snap to other

components when

move control

Canvas 위에서 Control을 이동할 때 다른 Component들에 대해 Magnetic 기능을 적용

할지 설정

Display Ruler Design Window의 Canvas에 Ruler 표시 유무를 설정

Display Guide Lines Design Window의 Canvas에 Guide Line 표시 유무를 설정

Display current mouse position 마우스 좌표의 표시 유무를 설정

컴포넌트 선택 후 방향키로 위치를 이동할 때 'Dot Grid Size'에 지정한 픽셀 크기만큼 이동합니다. 예

를 들어 'Dot Grid Size'값이 8이라면 방향키를 한번 누를 때마다 해당 방향으로 8픽셀씩 이동합니다.

Ctrl 키를 누른 채로 방향키로 위치를 이동하면 1픽셀씩 이동합니다.

8.3.2 Paste Special

Form Design에서 지원되는 ‘Paste Special’기능의 Option을 설정합니다.


속성 설명

Property(Normal) 대상의 일반 속성을 붙여 넣기 합니다.

Property(Style) 대상의 스타일 속성을 붙여 넣기 합니다.

User Property 대상의 사용자 속성을 붙여 넣기 합니다.

Event 대상의 이벤트 속성을 붙여 넣기 합니다.

Bind Item 대상의 Bind 정보를 붙여 넣기 합니다.

Init Value 대상의 InitValue 정보를 붙여 넣기 합니다.

8.3.3 Layout Manager

Layout Manager와 관련된 Option을 설정합니다.

속성 설명

1 Layout Tap Style Form Design에서 표시되는 Layout Tab 컨트롤의 위치를 표시하는 Option

값입니다.

2 Display Edit Step 현재 편집중인 Step을 표시합니다.

설정 | 211

8.3.4 Position Unit

form에서 컴포넌트 생성 시 적용되는 Position 속성값 단위를 설정합니다. Option에서 지정한 값은 form 생성 시

기본값으로 처리됩니다.

8.4 Options - External Tools

외부 응용프로그램을 바로 실행할 수 있는 옵션을 지정합니다. 등록된 프로그램은 툴바나 메뉴에서 바로 실행할 수 있

습니다.


8.5 Options – Source Control

Source Control과 관련된 Option을 설정합니다. 해당 Option은 사용자 PC에 사용 가능한 Source Control이 설치

된 경우에만 보여집니다.

설정 | 213

속성 설명

Source Control

Management Type

사용자 PC에 설치된 Source Control 목록이 보여지며 이 중에서 프로젝트에 적용할 Source C

ontrol을 선택합니다.

Options 선택된 Source Control에 따라 세부적인 옵션을 지정합니다.

부록

9.

9.1 Project Explorer Icon

Project Explorer에서 표시되는 아이콘은 다음과 같은 의미를 가집니다

메뉴 기능

Project Project

TypeDefinition Form이 실행되기 위한 Configure 정보들

Updates Update 그룹

Update Update

Components Component 그룹

Component TypeDefinition에 정의된 컴포넌트

GlobalVariables 전역변수

Variables Variable 그룹

Variable 변수

Datasets Dataset 그룹

Dataset Dataset

Column Dataset에 사용된 Column 정보

Images Image 그룹

Image Project에 사용된 Image

ADL ADL

MainFrame Project의 MainFrame

ChildFrame MainFrame내의 Frame구성 정보

Styles Style 그룹

부록 | 215

Style Style 정보

Themes Theme 그룹

Theme Theme 정보

ScreenInfo Screen 그룹

Screen Screen 정보

Forms(FDLs) 서비스 그룹

Form(FDL) Form 정보

Layout Form Design에 표시되는 컴포넌트 그룹

Script Form의 Script에 선언된 Func 그룹

Func Script에서 선언된 Func Item

Bind BindItem 그룹

BindItem 각 Bind 항목 정보

메뉴 기능


9.2 Toolbar 기능

넥사크로 스튜디오는 다양한 기능을 Toolbar형태로 지원하고 있습니다.

9.2.1 Standard

Standard Bar는 넥사크로 스튜디오가 제공하는 기본 기능을 모아놓은 곳입니다.

메뉴 기능

Open Project Project 열기

Open 넥사크로 스튜디오에서 편집 가능한 형식의 파일 열기

New 새로운 Project나 Form, User Component, css, xml, xjs등을 생성

Save 현재 열린 Form문서 저장

Save All 현재 열린 모든 Form문서 저장

Cut 선택 영역을 잘라내어 클립보드에 저장

Copy 선택 영역을 복사해서 클립보드에 저장

Paste 클립보드에 저장된 내용 붙여 넣기

Print 현재 문서 인쇄

Options 넥사크로 스튜디오의 Options창 표시

Help Help

부록 | 217

9.2.2 Build

프로젝트/폼 단위 빌드 관련 툴바입니다. nexacrogenerator.exe와 연동된 부분에 대한 처리와 넥사크로플랫폼 애플

리케이션 실행 부분을 담당합니다.

메뉴 기능

1 Generate Application 프로젝트 전체를 자바스크립트 파일로 변환합니다. 변환된 파일은 옵션에서 지정

된 폴더나 대화상자에서 선택된 폴더에 저장됩니다.

2 Generate Theme 선택된 테마를 자바스크립트 파일로 변환합니다.

3 Generate Service 선택된 서비스 그룹을 자바스크립트 파일로 변환합니다.

4 Generate File 편집 중인 Form 파일을 자바스크립트 파일로 변환합니다.

5 Generate Modules BaseLib 경로에 있는 모듈 항목 중 고정된 항목(Framework, Resource)과 Typed

efinition에 정의된 항목을 Generate 경로에 복사합니다.

6 Stop Generate 진행 중인 변환 작업을 중지합니다.

7 ADL 활성화된 ADL를 표시합니다.

8 Theme 활성화된 ADL에서 사용하고 있는 테마를 표시합니다.

9 Screen 실행 시 사용할 Screen 정보를 선택합니다.

10 Web Browser 애플리케이션 실행 시 사용할 실행 환경을 선택합니다.

넥사크로플랫폼 런타임과 사용자 PC에 설치된 웹브라우저 중에서 선택할 수 있습

니다.

11 Launch Project 활성화된 프로젝트를 실행합니다.

12 QuickView 활성화된 Form을 실행합니다.

넥사크로 스튜디오에서 Generate 명령 실행 시 메뉴[Build > Deploy > Deploy Application]에 설정된

"Merge JSON file" 옵션 체크 여부에 따라 Merge 기능을 적용합니다.


9.2.3 Deploy

메뉴 기능

Deploy Application 서버에 이관할 파일을 자바스크립트 파일로 변환합니다.

• 애플리케이션, 테마, 파일, 모듈(라이브러리) 단위로 변환할 수 있습니다.

• 필요에 따라 자바스크립트 파일을 압축(난독화)해서 변환할 수 있습니다.

('Compress JS Files' 항목 체크 / JDK 설치 필요)

Deplpoy Themes

Deplpoy Files

Deplpoy Modules

Make Application Archive Make Bootstrap, Make File Archive, Make Theme Archive 기능을 한번에 처

리할 수 있는 기능을 제공합니다.

Make Bootstrap 앱을 구동시키는 Run.html을 포함한 Run.zip 및 start_android[ios].json 파일을

만드는 기능입니다.

Make File Archive 프로젝트 파일을 아카이브 파일로 만들고 TypeDefinition에 배포에 필요한 정보를

등록하는 기능입니다.

Make Theme Archive 테마 파일을 아카이브 파일로 만드는 기능입니다.

부록 | 219

9.2.4 Align

Align Bar는 Form화면 개발 시 컴포넌트 정렬 기능을 모아놓은 곳입니다.

메뉴 기능

Align Lefts 마지막에 선택한 컴포넌트의 Left 값을 기준으로 정렬

Align Centers 마지막에 선택한 컴포넌트의 수평 Center 값을 기준으로 정렬

Align Rights 마지막에 선택한 컴포넌트의 Right 값을 기준으로 정렬

Align Tops 마지막에 선택한 컴포넌트의 Top 값을 기준으로 정렬

Align Middles 마지막에 선택한 컴포넌트의 수직 Center 값을 기준으로

정렬

Align Bottoms 마지막에 선택한 컴포넌트의 Bottom 값을 기준으로 정렬

Same Width 마지막에 선택한 컴포넌트의 Width 값을 기준으로 너비를 맞춤

Same Height 마지막에 선택한 컴포넌트의 Height 값을 기준으로 높이를 맞춤

Same Size 마지막에 선택한 컴포넌트의 Size를 기준으로 크기 맞춤

Space distribute Horizontally 컴포넌트 사이를 같은 수평 간격으로 분배 배치.

처음과 끝 컴포넌트 사이의 공간을 수평으로 분배하여 균등한 간격

으로 컴포넌트를 재배치합니다.

Space distribute Vertically 컴포넌트 사이를 같은 수직 간격으로 분배 배치.

처음과 끝 컴포넌트 사이의 공간을 수직으로 분배하여 균등한 간격

으로 컴포넌트를 재배치합니다.

Same space Horizontally 컴포넌트 사이를 같은 수평 간격으로 정렬 배치.

사용자가 직접 편집창에서 컴포넌트의 간격을 조절할 수 있습니다

Same space Vertically 컴포넌트 사이를 같은 수직 간격으로 정렬 배치.

사용자가 직접 편집창에서 컴포넌트의 간격을 조절할 수 있습니다


Posit Center 선택한 컴포넌트들을 Form Canvas의 수평 Center로 이동

Posit Middle 선택한 컴포넌트들을 Form Canvas의 수직 Center로 이동

Posit Left 선택한 컴포넌트들을 Form Canvas의 Left로 이동

Posit Right 선택한 컴포넌트들을 Form Canvas의 Right로 이동

Posit Top 선택한 컴포넌트들을 Form Canvas의 Top으로 이동

Posit Bottom 선택한 컴포넌트들을 Form Canvas의 Bottom으로 이동

Bring to Front 선택한 컴포넌트를 맨 앞으로 가져오기

Send to Back 선택한 컴포넌트를 맨 뒤로 보내기

Bring Forward 선택한 컴포넌트를 앞으로 가져오기

Send Backward 선택한 컴포넌트를 뒤로 보내기

Arrange to Taborder 컴포넌트 tab order 순서대로 Z-Order를 변경하기 위해 소스 코드

를 재배치

Position Editor 선택한 컴포넌트의 position 속성을 편집할 수 있는 Position Edit

or 실행

Lock Control 컴포넌트의 위치를 마우스로 이동하지 못하도록 고정시키거나 해

제

메뉴 기능

부록 | 221

9.2.5 TextStyle

TextStyle Bar는 Form화면 개발 시 선택된 컴포넌트의 TextStyle 설정 기능을 모아놓은 곳입니다.

메뉴 기능

Font Name 글꼴 이름 변경

Font Size 글꼴 크기 변경

Bold 텍스트를 굵게 표시

Italic 텍스트를 기울임 꼴로 표시

Strikeout 취소줄 표시

UnderLine 텍스트에 밑줄 표시

Anti-Alias 텍스트를 매끄럽게 표현

Front Size Up 글꼴 크기 늘림

Front Size Down 글꼴 크기 줄임

Text Align Left 텍스트를 왼쪽에 맞춤

Text Align Center 텍스트를 가운데 맞춤

Text Align Right 텍스트를 오른쪽에 맞춤

Text Align Top 텍스트를 위쪽에 맞춤

Text Align Middle 텍스트를 중간에 맞춤

Text Align Bottom 텍스트를 아래쪽에 맞춤


9.2.6 Objects

Objects Bar는 TypeDefinition에 등록된 컴포넌트 모임입니다. 화면 편집에 해당 컴포넌트를 직접 끌어다 놓음으로

써 화면을 구성할 수 있습니다.


Select 하나 이상의 컴포넌트를 마우스로 드래그해서 선택합니다.

Div Form안에 다른 Form을 불러와서 하나의 Form인 것처럼 사용하거나, 관련 있

는 컴포넌트들을 하나의 그룹으로 묶어서 처리할 경우 사용되는 컴포넌트

Button 사용자로부터 마우스 입력을 받을 때 사용하는 컴포넌트

PopupDiv 하나의 화면에 여러 개의 부분화면을 구성할 때 사용

Combo Edit와 Drop down List를 통합한 형태의 컴포넌트

CheckBox Check 표시에 대한 TRUE/FALSE 값을 가지는 컴포넌트

ListBox 항목을 목록으로 나열한 후 선택할 경우 사용되는 컴포넌트.

Edit 문자열의 입출력을 가지는 컴포넌트

MaskEdit 날짜의 연월일시(yyyy/mm/dd hh:mi:ss) 형식 또는 숫자의 콤마 표시와 같이

규정된 형식으로 문자열의 입출력을 가지는 컴포넌트

TextArea 여러 줄의 문자열의 입출력을 가지는 컴포넌트

Menu Menu 아이템을 구성할 경우 사용되는 컴포넌트

Tab 한 화면에서 여러 개의 Tab page를 분할할 경우 사용되는 컴포넌트

ImageViewer 화면에 이미지를 표시할 때 사용되는 컴포넌트

Radio 제시된 여러 가지 선택사항 중에서 하나의 항목을 선택해야 할 경우 사용되는 컴

포넌트

Calendar 날짜를 입력할 때 사용되는 컴포넌트

Static 고정된 텍스트를 표시할 때 사용되는 컴포넌트

Grid 스프레드 시트와 유사하게 Dataset의 내용을 표 형식으로 처리하는 컴포넌트

Spin 정해진 규칙에 따라 손쉽게 숫자를 입력 받을 때 사용하는 컴포넌트

PopupMenu PopupMenu를 구성할 경우 사용되는 컴포넌트

GroupBox 화면을 구성할 때 관련 있는 컴포넌트들을 그룹화하는 컴포넌트

ProgressBar 작업의 현재 진행 상태를 그래픽을 이용하여 보여주는 컴포넌트

Plugin Plugin을 사용할 경우 사용되는 컴포넌트

Dataset 데이터를 테이블 형태로 저장하는 컴포넌트

부록 | 223

9.2.7 Debug

Debug Bar는 디버깅 시 필요한 기능을 모아 놓은 곳입니다.

메뉴 기능

Debug Project 프로젝트 디버깅 모드 시작

Debug Form 현재 선택된 Form의 디버깅 모드 시작

Restart Debugging 디버깅 모드 재시작

Stop Debugging 디버깅 모드 종료

Step Into 한 스탭씩 디버그 작업 진행

다른 함수 호출 시 해당 함수로

이동

Step Over 현재 함수의 나머지 부분을 실행하고, 함수 호출이 이루어진

다음 문장에서 멈춤

Step Out 한 스탭씩 디버그 작업 진행

현재 스탭을 모두 실행하고, 다음 스탭으로 이동

Run to Cursor 현재 커서가 위치한 줄까지 실행 후 멈춤

Toggle Breakpoint 브레이크 포인트를 설정/해제하는 기능

Delete Selected Breakpoint 브레이크 포인트 목록 창을 활성화하고 선택된 브레이크 포인트를

제거

Delete All

Breakpoints

설정된 모든 브레이크 포인트를 제거


Go To Source 브레이크 포인트 목록 창을 활성화하고 선택된 브레이크 포인트의

소스 코드 위치로 이동

Enable/Disable All Breakpoints 설정된 모든 브레이크 포인트를 활성화/비활성화하는 기능

메뉴 기능

9.2.8 Bookmark

Bookmark Bar는 Script 또는 Source 편집 중에 특정 줄로 쉽게 이동할 수 있는 Bookmark 기능을 모아놓은 곳입니

다.

메뉴 기능

Toggle Bookmark 현재 커서 위치에 Bookmark를 설정 및 해제

Previous Bookmark 이전 Bookmark를 찾아 커서를 위치

Next Bookmark 다음 Bookmark를 찾아 커서를 위치

Previous Bookmark in Document 현재 편집 창에서 이전 Bookmark를 찾아 커서를 위치

Next Bookmark in Document 현재 편집 창에서 다음 Bookmark를 찾아 커서를 위치

Clear Bookmarks 설정된 Bookmark를 모두 해제

Clear Bookmarks in Document 현재 편집 창에서 설정된 Bookmark를 모두 해제

9.2.9 CSS Selector

각 Selector의 추가/삭제 등의 기능을 모아놓은 곳입니다.

메뉴 기능

Go to Source 선택된 Selector의 Source Code 위치로 이동. Selector을 Double Click하여 동

일한 기능을 수행 가능

New Selector 신규 Selector 입력

Add Child Selector 선택된 Selector에 Child Selector를 추가

부록 | 225

Delete 선택된 Selector를 삭제

Rename 선택된 Selector의 이름 바꾸기

Compress All 사용되지 않는 모든 Property를 제거

Uncompress 선택된 Selector의 Property를 모두 표시

메뉴 기능


9.3 Menu Bar

Menu Bar는 넥사크로 스튜디오에서 제공하는 기능을 모아놓은 곳입니다.

9.3.1 File

메뉴 기능

New

• Project - 새로운 Project 생성

• Form - 새로운 Form 생성

• File - 새로운 File 생성

부록 | 227

• Style Sheet(.css) - 현재 Project에 새로운 Style Sheet 파일생성

• XML(.xml) - 현재 Project에 새로운 XML 파일생성

• Script (.xjs) - 현재 Project에 새로운 xjs파일 생성

• XTheme(.xtheme) - 현재 Project에 새로운 Theme파일 생성

Open

• Project - Project 새로 열기

• File… - 넥사크로 스튜디오에서 편집 가능한 형식(xjs, css, xfdl, xtheme 등)파일 열기

Close 현재 열린 Form 닫기

Close Project 현재 열린 Project 닫기

Save 현재 활성화된 편집 화면을 저장하기

Save As… 현재 활성화된 편집 화면을 다른 이름으로 저장하기

Save All 현재 열린 모든 편집 화면 및 Project Explorer에서 변경된 모든 내용을 저장하기

Recent Files 최근에 Open한 File 목록을 표시

Recent Projects 최근에 Open한 Project 목록을 표시

Import… 다른 Project에서 사용중인 xfdl을 현재 Project로 Import 하거나 [Export Project] 기능으로

생성된 Export Project파일을 Import하여 신규 프로젝트를 생성하는 기능

Export Project 현재 열린 Project를 File로 Export

Project Template 현재 열린 Project를 Project Template로 등록, 신규 Project 생성시에 재사용 가능

Screen Template Screen Template 등록, Screen Template을 등록하여 새로운 Form을 생성할 때 등록된 Tem

plate을 적용가능

Print Source 또는 Script의 텍스트를 출력

Print Setup 출력 페이지 설정

Exit 넥사크로 스튜디오 종료

메뉴 기능


9.3.2 Edit

메뉴 기능

Undo 최종 단계의 이전 상태로 되돌림

Redo Undo하기 이전 상태로 되돌림

Cut 선택된 영역을 잘라서 클립보드에 삽입

Copy 선택된 영역을 클립보드에 삽입

Paste 클립보드에 있는 내용을 붙여 넣기

Paste Special 클립보드에 있는 컴포넌트의 Property 및 Bind정보를 사용자가 선택하여 붙여 넣기

Delete 선택된 컴포넌트나 선택된 영역의 텍스트삭제

Select All Source나 Script 창에서 모든 텍스트 선택

Find… Source나 Script 창에서 문자열 찾기

Find in File… 지정경로의 파일들 중 지정단어를 포함한 파일 찾기

부록 | 229

Replace Source나 Script창에서 특정 문자열을 다른 문자열로 교체

Goto Line…

Source나 Script창에서 특정 라인으로 커서 이동

Bookmark

Bookmark메뉴에서 제공하는 기능은 Toolbar[Bookmark Bar]의 기능과 동일.

Comment

Selection

Source나 Script창에서 선택된 영역의 문자열을 주석처리

UnComment

Selection

Source나 Script창에서 선택된 영역의 문자열의 주석해제

Refresh File

Status

파일을 Reload

메뉴 기능


9.3.3 View

메뉴 기능

Toolbars

• Standard - Standard Toolbar를 표시/숨김

• Build - Build Toolbar를 표시/숨김

• Deploy - Deploy Toolbar를 표시/숨김

• Align - Align Toolbar를 표시/숨김

• TextStyle - TextStyle Toolbar를 표시/숨김

• Objects - Objects Toolbar를 표시/숨김

• Debug - Debug Toolbar를 표시/숨김

• Bookmark - Bookmark Toolbar를 표시/숨김

• CSS Selector - CSS Selector Toolbar를 표시/숨김

Toolbox Component Toolbox를 표시/숨김

Statusbar Statusbar를 표시/숨김

Project

Explorer

Project Explorer창을 표시. Project Explorer창이 열려있을 때는

focus만 이동

Properties Properties창을 표시. Properties창이 열려있을 때는 focus만 이동

Style Property Style Property Editor창을 표시. Style Property Editor창이 열려있을 때는 focus만 이동

부록 | 231

Editor

Output

• Message - Output창을 표시

• Find Result1 - Find Result1창을 표시

• Find Result2 - Find Result2창을 표시

• Global Bookmark - Global Bookmark창을 표시

메뉴 기능

9.3.4 Assist

메뉴 기능

Copy Full Path 선택된 파일이 저장된 경로를 클립보드에 복사

Open Containing Folder 선택된 파일 또는 폴더 위치를 윈도우 탐색기를 열어서 보여줍니다

Open File in Project 프로젝트 내 포함된 파일을 검색하고 직접 실행할 수 있습니다.

9.3.5 Design


메뉴 기능

Align

Align메뉴에서 제공하는 기능은 Toolbar[Align Bar]의 기능과 동일. (Align 설명 참조)

Space

Space메뉴에서 제공하는 기능은 Toolbar[Align Bar]의 기능과 동일. (Align 설명 참조)

Size

Size메뉴에서 제공하는 기능은 Toolbar[Align Bar]의 기능과 동일. (Align 설명 참조)

Position

Position메뉴에서 제공하는 기능은 Toolbar[Align Bar]의 기능과 동일. (Align 설명 참조)

Arrange

Arrange메뉴에서 제공하는 기능은 Toolbar[Align Bar]의 기능과 동일. (Align 설명 참조)

Zoom

부록 | 233

현재 열려있는 화면의 확대/축소 비율 설정

Layout Resize

Default Layout을 기준으로 자동 또는 입력값만큼 컴포넌트의 크기가 Resize됩니다.

Position Editor 선택한 컴포넌트의 위치값을 지정할 수 있는 Position Editor 창을 엽니다.

Tab Order

Editor

Tab Order 순서를 지정하고 테스트할 수 있는 Tab Order Editor 모드를 실행합니다.

Tab Order List Tab Order 순서를 지정할 수 있는 Tab Order List 창을 엽니다.

Tab Order View Form Design 화면에 컴포넌트의 Tab Order와 Z-Order 표시 여부를 토글로 지정합니다.

Show Bind

State

컴포넌트의 Bind 상태를 표시

메뉴 기능

9.3.6 Build


메뉴 기능

Generate Application 프로젝트 전체를 자바스크립트 파일로 변환합니다. 변환된 파일은 옵션에서 지정된 폴더나 대화

상자에서 선택된 폴더에 저장됩니다.

Generate Themes 선택한 테마를 자바스크립트 파일로 변환합니다.

Generate Service 선택된 서비스 그룹을 자바스크립트 파일로 변환합니다.

Generate File 편집 중인 Form 파일을 자바스크립트 파일로 변환합니다.

Generate Modules BaseLib 경로에 있는 모듈 항목 중 고정된 항목(Framework, Resource)과 Typedefinition에

정의된 항목을 Generate 경로에 복사합니다.

Stop Generate 진행 중인 변환 작업을 중지합니다.

Deploy

• 서버에 이관할 파일을 자바스크립트 파일로 변환합니다.

• 애플리케이션, 테마, 파일, 모듈(라이브러리) 단위로 변환할 수 있습니다.

• 필요에 따라 자바스크립트 파일을 압축(난독화)해서 변환할 수 있습니다.

('Compress JS Files' 항목 체크 / JDK 설치 필요)

Compress 프로젝트를 Compress된 자바스크립트 파일로 저장합니다.

Compile 프로젝트 또는 지정한 코드를 난독화된 파일로 저장합니다.

- Project

부록 | 235

- File

Launch Project 활성화된 프로젝트를 실행합니다.

QuickView 활성화된 Form을 실행합니다.

메뉴 기능

Deploy 메뉴에서 'Compress JS Files' 기능을 사용하기 위해서는 자바 실행 환경(JDK)이 실행되는 PC

에 설치되어 있어야 하고 실행에 필요한 환경 변수를 설정해주어야 합니다.

JDK 1.5 이상 버전을 설치하는 경우에는 실행에 필요한 환경 변수(JAVA_HOME)를 따로 설정해주지

않아도 시스템 경로에 자동으로 실행 파일을 복사해 접근할 수 있습니다.

9.3.7 Archive

메뉴 기능

Make Application Archive Make Bootstrap, Make File Archive, Make Theme Archive 기능을 애

플리케이션 아카이브 마법사를 사용해 한번에 수행합니다.

Make Bootstrap 앱을 구동시키는 부트스트랩 아카이브 파일을 생성합니다.

● Run.zip

● start_android.json

● start_ios.json


Make File Archive 프로젝트 파일을 묶어서 프로젝트 아카이브 파일을 생성합니다.

● [아카이브 아이템 이름].xzip

Make Theme Archive 테마 아카이브 파일을 생성합니다.

● [테마 이름].zip

Package Builder 넥사크로플랫폼 애플리케이션을 iOS/안드로이드 플랫폼용 설치 파일로 만

들고 다운로드 링크를 제공합니다.

메뉴 기능

9.3.8 Debug

메뉴 기능

Window

선택한 디버그 기능 창을 활성화합니다.

Start Debugging 프로젝트 디버깅 모드 시작 <F5>

Start Form Debugging 현재 선택된 Form의 디버깅 모드 시작 <F6>

Stop Debuggin 디버깅 모드 종료

Restart 디버깅 모드 재시작

Step Into 한 스탭씩 디버그 작업 진행

부록 | 237

다른 함수 호출 시 해당 함수로

이동 <F11>

Step Over 현재 함수의 나머지 부분을 실행하고, 함수 호출이 이루어진

다음 문장에서 멈춤 <F10>

Step Out 한 스탭씩 디버그 작업 진행

현재 스탭을 모두 실행하고, 다음 스탭으로 이동 <Shift+F11>

Run to Cursor 현재 커서가 위치한 줄까지 실행 후 멈춤

Toggle Breakpoint 브레이크 포인트를 설정/해제하는 기능 <F9>

Delete Selected Breakpoint 브레이크 포인트 목록 창을 활성화하고 선택된 브레이크 포인트를 제

거

Delete All

Breakpoints

설정된 모든 브레이크 포인트를 제거

Go To Source 브레이크 포인트 목록 창을 활성화하고 선택된 브레이크 포인트의 소

스 코드 위치로 이동

Enable/Disable Selected Breakpoints 브레이크 포인트 목록 창을 활성화하고 선택된 모든 브레이크 포인트

를 활성화/비활성화하는 기능

Enable/Disable All Breakpoints 설정된 모든 브레이크 포인트를 활성화/비활성화하는 기능

메뉴 기능

9.3.9 Tools

메뉴 기능

Options… 넥사크로 스튜디오의 Options 설정창 열기

External Tools Options - External Tools항목에서 설정한 실행 프로그램 목록


9.3.10 Window

메뉴 기능

Cascade 편집중인 창을 계단식으로 배치

Tile 편집중인 창을 바둑판식으로 배치

Arrange Icons 최소화된 아이콘 정렬

Close 선택된 편집 창을 닫기

Close All But This 현재 열려있는 화면을 제외한 모든 화면 닫기

Close All 모든 편집 창을 닫기

Next 다음 편집 창으로 이동

Previous 이전 편집 창으로 이동

Maximize Active Window 미 구현된 기능

9.3.11 Help

메뉴 기능

Help 도움말 창 표시

About nexacro studio… 넥사크로 스튜디오 정보 창 표시

부록 | 239

9.4 단축키

넥사크로플랫폼 애플리케이션 개발시 단축키를 사용하여 생산적인 면으로 봤을때 보다 더 빠르게 개발할 수 있습니

다. 이페이지는 유용한 키보드 단축키에 대해서 설명합니다 .

적용범위 기능명 단축키 기능설명

공통 New Ctrl + N 새로운 Form을 생성한다.

Open Ctrl + O 이전에 생성한 파일을 연다.

Save Ctrl + S 파일에서 수정한 내용을 저장한다.

Copy Ctrl + C,

Ctrl + Ins

선택된 내용을 Clipboard에 복사한다.

Cut Ctrl + X,

Shift + Del

선택된 내용을 잘라내어 Clipboard에 복사한다.

Paste Ctrl + V,

Shift + Ins

Clipboard의 내용을 붙여넣는다.

Delete Del 선택된 내용을 삭제한다.

Undo Ctrl + Z,

Alt + Back

바로 이전 작업상태로 되돌린다.

Redo Ctrl + Y 바로 전에 작업한 내용을 반복한다.

Find in Files Ctrl+Shift+F 지정경로의 파일들 중 지정단어를 포함한 파일

찾기

Help F1 넥사크로플랫폼 도움말(레퍼런스 가이드)이 나

타난다.

Launch Project Ctrl + F5 현재 열려있는 프로젝트를 실행한다.


Window Next Window Ctrl + Tab 열려있는 다음 파일을 활성화 한다.

Previous Window Ctrl + Shift + Tab 열려있는 이전 파일을 활성화 한다.


Project Explorer Edit Ctrl + E Project Explorer에서 선택된 Item을 편집한다.

Rename F2 Project Explorer에서 선택된 Item의 이름을 변

경한다.

Search F3 입력된 Filter Keyword를 포함한 Item을 선택

한다.


Properties Wind

ow

Show Items Ctrl + F4 선택된 Property의 값이 Combo로 표시된다면,

Combo의 내용을 펼쳐서 표시한다.



Form Design Esape Esc 현재 작업을 취소한다. (현재 작업이 없다면 선

택된 컴포넌트의 상위 컴포넌트를 선택한다.)

Next Tab 선택된 컴포넌트의 다음 Tab Order의 컴포넌트

를 선택한다.

Previous Shift + Tab 선택된 컴포넌트의 이전 Tab Order의 컴포넌트

를 선택한다.

Move 방향키 ↑,↓,←,→ 선택된 컴포넌트를 상,하,좌,우로 이동한다.

Move(minutely) Ctrl + 방향키

↑,↓,←,→

선택된 컴포넌트를 상,하,좌,우로 미세하게 이동

한다.

Resize Shift + 방향키

↑,↓,←,→

선택된 컴포넌트의 사이즈를 변경한다.

Resize(minutely) Ctrl + Shift + 방향키 ↑,↓,

←,→

선택된 컴포넌트의 사이즈를 미세하게 변경한다.

InplaceEdit F2 선택된 컴포넌트의 Text를 변경할 수 있는 Inpl

aceEdit를 활성화 한다.

Select All Ctrl + A 전체 컴포넌트들을 선택한다.

Tab Order Ctrl + D TabOrder 기능을 활성화 한다.

Transform Ctrl + T Transform 기능을 활성화 한다

Show Bind State Ctrl + B 컴포넌트들의 Bind 정보를 표시한다.

Quick View Ctrl + F6 현재 Form을 실행한다


Source Script Find Ctrl + F 특정 키워드를 찾는 Find Dialog 기능을 활성화

한다.

Find Next F3 현재 커서 위치에서 Find 기능으로 찾은 키워드

의 다음 위치를 찾는다.

Find Previous Shift + F3 현재 커서 위치에서 Find 기능으로 찾은 키워드

의 이전 위치를 찾는다.

Find Word Ctrl + F3 현재 커서 위치에서 선택된 키워드와 동일한 문

자열의 다음 위치를 찾는다.

Goto Line Ctrl + G 입력된 라인으로 이동한다.

Match Brace Ctrl + ] 현재 선택된 Brace에 매치되는 Brace로 커서가

이동된다.

Match Brace(selet) Ctrl + Shift + ] 현재 선택된 Brace에 매치되는 Brace로 커서가

이동하면서 이동영역을 모두 선택한다

Replace Ctrl + R 특정 키워드를 다른 키워드로 변경하는 Find an

d Replace Dialog 기능을 활성화 한다.

Select All Ctrl + A 현재 파일 내 모든 내용을 선택한다.

Block Comment / 선택된 영역을 주석으로 변경한다.

Unblock Comment Alt + / 선택된 영역의 주석을 해제한다.

Bookmark Toggle Ctrl + F2 현재 파일 내 원하는 지점에 Bookmark를 설정/

부록 | 241

해제 한다.

Bookmark Clear Ctrl + Shift + F2 현재 파일 내 설정한 모든 Bookmark를 제거한

다.

Bookmark Next F2 현재 파일 내 설정한 다음 Bookmark를 따라간

다.

Bookmark Previous Shift + F2 현재 파일 내 설정한 이전 Bookmark를 따라간

다.

Expand Max View Ctrl + Shift + Enter 모든 DialogBar( Project Explorer, Output등

)을 최소하고 현재 윈도우를 최대화 한다

Change Tab Next Ctrl + Down 해당 탭 바로 다음 탭으로 이동한다. (Design/S

ource/Script)

Change Tab Previous Ctrl + Up 해당 탭 바로 이전 탭으로 이동한다. (Design/S

ource/Script)

Delete Line Ctrl + Shift + L 커서가 위치한 현재 라인을 삭제한다.

Delete Line (keep line) Ctrl + Shift + Back 커서가 위치한 현재 라인의 내용을 삭제한다.

Delete Paragraph Ctrl + Del 커서의 위치를 기준으로 단락 단위로 삭제한다.

Enter Ctrl + Shift + J Enter와 동일한 기능

Tab Ctrl + Shift + I Tab와 동일한 기능

Next Source/Script Wind

ow

Ctrl + Shift + F6 다음 Source/Script 창으로 이동한다.

Select Paragraph Ctrl + Shift + \ 현재 커서 위치에서 단어 기준으로 단락을 나누

어서 아래로 문자열을 선택한다.

Change Font Alt + = Font를 변경한다.

Move Start Position of Li

ne

Home 공백을 제외한 라인의 시작 위치로 커서를 이동

시킨다.

Move Start Position of Li

ne(include space)

Alt + Home 공백을 포함한 라인의 시작 위치로 커서를 이동

시킨다.

Move End Position of Li

ne

End 라인의 마지막 위치로 커서를 이동시킨다

Move Start Position of Fi

le

Ctrl + Home 현재 파일의 시작 위치로 커서를 이동시킨다.

Move End Position of Fil

e

Ctrl + End 현재 파일의 마지막 위치로 커서를 이동시킨다.

Paragraph Next Ctrl + \ 다음 단락 위치로 커서를 이동시킨다.

Paragraph Previous Ctrl + / 이전 단락 위치로 커서를 이동시킨다.

Magnifier Ctrl + -(num), +(num) 파일 내용을 확대하거나 축소해서 표시한다.

Script(Only) View Memberlist Ctrl + Space Memeberlist를 보여줍니다.


찾아보기

242

Numbers

4GL 개발 도구, 5

A

ADL(Application Definition Language), 48

G

GlobalVariables

Datasets, 76

Image, 80

Variables, 78

T

TypeDefinition

Edit TypeDefinition, 63

Service Refactoring, 68

ㄱ

권장사양, 5

ㄴ

넥사크로 스튜디오 설치 및 삭제

단축 아이콘, 7, 8

버전 확인, 12

ㄷ

단축키, 239

데이터 바인딩, 126

Bind Item Editor, 128

Inner Bind Dataset, 127

도움말, 14

ㄹ

러버밴드(Rubber Band), 111

레이아웃

Layout List, 135

서브 레이아웃, 138

스텝, 143

탭 위치 변경, 133

ㅁ

메뉴바

Archive, 235

Assist, 231

Build, 233

Design, 231

Edit, 228

File, 226

Help, 238

Tools, 237

View, 230

Window, 238

메시지 창

Find Results, 36

Global Bookmark, 37

Output, 36

ㅅ

상태 표시줄, 17

생성 마법사

FDL 생성 마법사, 82

Project 생성 마법사, 42

프로젝트 템플릿, 90

프로토콜 추가 마법사, 95

속성 창

속성 편집 창(Properties), 30, 137

정렬 방식, 31

컴포넌트 목록, 30

편집 대상, 32

스타일 속성 편집 창(Style Property Editor), 35

스타일

CSS 파일 생성, 151

찾아보기 | 243

CSS 파일 편집, 152

Style Property Editor, 158

ㅇ

위지윅(WYSIWYG), 5

ㅊ

창 배치, 18

ㅋ

컴포넌트

배치, 109

선택 변경, 114

위치 변경, 117

주요 컴포넌트, 110

크기 변경, 115

탭 순서(Tab order), 118

ㅌ

테마

Theme 생성, 156

Theme 편집, 157

툴바

세부 기능, 216

Align, 219

Bookmark, 224

Build, 217

CSS Selector, 224

Objects, 222

Standard, 216

TextStyle, 221

위치, 순서 변경, 17

컨텍스트 메뉴, 16

표시 여부 설정, 16

특수문자, 43

ㅍ

편집 동기화 (Edit Sync), 25

폼 디자인 창

디자인(Design), 26

소스(Source), 27

스크립트(Script), 28

함수, 이벤트 목록, 29

폼 디자인 팁

가이드 라인, 122

글꼴 설정, 125

눈금자, 146

단위지정, 150

트래커, 146

포지션 에디터, 149

프로젝트 탐색 창(Project Explorer), 23

필터 (Filter), 24

ㅎ

환경설정

Auto Recover, 202

Debugging, 207

External Tools, 211

Font and Color, 202

Form Design, 208

General, 198

Launch, 205

Project Explorer, 204

Script, 205

Source Control, 212

Startup, 201