26.옵션 설정

Edit

넥사크로 스튜디오의 메뉴 [Tools > Option]를 선택하여 넥사크로 스튜디오의 전체적인 개발 환경을 설정할 수 있습니다.

26.1Options – Project

Project 관련 옵션은 프로젝트가 열린 상태에서만 보이며 프로젝트마다 설정된 값이 별도로 관리됩니다.

26.1.1General

프로젝트 관리에 대한 옵션을 설정합니다.


속성

설명

1

Base Lib Path

프로젝트마다 사용하는 기본 라이브러리가 다를 경우 해당하는 경로를 지정

2

Migration

프로젝트 내 사용되는 파일의 버전이 넥사크로 스튜디오에서 지원하는 파일의 버전보다 낮으면 마이그레이션 여부를 설정합니다.

• Ask every time : 마이그레이션 적용 여부를 항상 물어봅니다.

• Do not ask & maintain version : 마이그레이션 실행 여부를 묻지 않고 마이그레이션을 적용하지 않습니다.

• Do not ask & update version always : 마이그레이션 실행 여부를 묻지 않고 마이그레이션을 적용합니다.

3

File Parsing

Project를 Open할 경우에 파일(XFDL, XJS, JS)을 분석해 컴포넌트, 스크립트 등의 내용을 분석해서 Project Explorer에 표시하는 옵션입니다.

• None(only filename): 파일 내용을 표시하지 않습니다.

• All: 모든 파일 내용을 표시합니다.

• Services: 지정된 서비스에 해당하는 파일만 내용을 표시합니다.

프로젝트 내 포함된 파일이 많은 경우에 File Parsing 옵션에서 "All" 항목을 선택하면 프로젝트를 로딩하는 시간이 길어질 수 있습니다.

File Parsing 옵션에서 "None" 항목을 선택한 경우에 Project Explorer에서 프로젝트 또는 서비스를 선택하고 컨텍스트 메뉴에서 [Parsing Files] 항목을 선택하면 파일 내용을 표시할 수 있습니다.

26.1.2Startup

프로젝트 로딩 시 처리되는 항목을 설정합니다.

표 26-1Options[Environment - Startup]


속성

설명

1

Load layout information of a business service/metadata on Startup

넥사크로 스튜디오 시작 시 Business service, metadata를 Load하여 Project Explorer에 항목을 표시할지 설정합니다

26.1.3Generate


속성

설명

1

Generate Path

프로젝트 Build 시 생성된 파일이 저장되는 경로를 지정합니다. Generate 경로를 Deploy 경로와 동일한 경로나 하위 경로로 설정하면 프로젝트가 제대로 동작하지 않을 수 있습니다.

2

Css Generate

브라우저별로 생성되는 CSS 파일을 선택할 수 있습니다.

체크되지 않은 브라우저를 지원하는 CSS 파일은 생성되지 않습니다.

3

Use RTL

RTL 관련 속성을 사용하는 경우 RTL을 지원하기 위한 CSS Generate 여부를 설정합니다. RTL 관련 속성을 사용하는 경우에는 필수로 체크해주어야 합니다. 중간에 옵션을 변경한 경우에는 테마, XCSS 파일에 대해 regeneration을 처리해주어야 합니다.

브라우저 선택 목록에 IE11과 같이 표시되는 Microsoft Edge는 44 이하 버전을 의미하며, Chrome과 같이 표시되는 Microsoft Edge (Chromium)은 80 이상 버전을 의미합니다.

Css Generate 옵션 설정에서 체크하지 않은 브라우저를 지원하는 CSS 파일은 생성되지 않으며 체크되지 않은 브라우저에서 정상적인 동작을 보장하지 않습니다.

예를 들어 IE8을 지원하는 CSS 파일을 생성하지 않은 상태에서 앱이 IE8에서 동작하는 경우 정상적인 동작을 보장하지 않습니다.

Use RTL 옵션을 체크한 경우 Application XCSS 파일은 generate 과정에서 모든 선택자에 대한 RTL 지원을 추가하면서 파일 크기가 커질 수 있으며 이로 인해 앱 실행 시 성능에 영향을 미칠 수 있습니다.

테마 내 XCSS 파일의 경우에는 중복된 항목을 처리하는 최적화 과정을 거치고 있어서, RTL 옵션을 사용한다면 Application XCSS 파일 대신 테마만 사용하는 것을 권장합니다.

26.1.4Easy UI

Easy UI 기능 사용 시 생성되는 파일의 저장 경로를 설정합니다.

Form Template, Viewset Template

Form 템플릿과 ViewSet 템플릿 파일이 저장되는 경로를 설정합니다. 템플릿 이름으로 폴더를 생성하고 폴더 안에 필요한 파일이 생성됩니다. ViewSet 템플릿은 Form 템플릿 경로 아래 viewset 폴더가 기본 경로입니다.

C:\Users\[user]\Documents\nexacro\17.1\templates\user\formTemplate
C:\Users\[user]\Documents\nexacro\17.1\templates\user\formTemplate\viewset

Display by Type 항목은 Form Wizard에서 Template이 표시되는 형식을 설정합니다. 기본값(true)인 경우에는 아래와 같이 Form Templates와 Viewset Templates를 구분해 표시하고 false로 설정한 경우에는 구분없이 폴더명순으로 표시합니다.

View Template

View Template 파일(.xviewgen)이 저장되는 경로를 설정합니다.

C:\Users\[user]\Documents\nexacro\17.1\templates\user\viewtemplate

26.1.5Deploy

프로젝트 배포에 대한 옵션을 설정합니다.

General


속성

설명

1

Deploy Path

Deploy 메뉴에서 사용되는 Output Path 값을 설정합니다.

2

Merge

- Merge JSON file

배포할 JSON 모듈의 파일에 등록된 Javascript 파일 목록을 하나의 파일로 병합할지를 설정합니다.

- Merge XCSS file used by Application

Application에 사용중인 XCSS 파일을 하나의 파일로 병합할지를 설정합니다.

3

Compile

배포할 프로젝트 파일의 스크립트를 컴파일하는 옵션을 설정합니다.

설정한 옵션은 배포 마법사 실행 시 기본값으로 지정되며 Auto Deploy 실행 시 설정된 옵션으로 배포됩니다.

Compress


속성

설명


Compress Options

배포할 프로젝트 파일의 스크립트를 압축, 난독화하는 옵션을 설정합니다.

설정한 옵션은 배포 마법사 실행 시 기본값으로 지정되며 Auto Deploy 실행 시 설정된 옵션으로 배포됩니다

1 공백문자와 주석을 제거합니다.

2 JavaScript 파일을 난독화합니다.

3 eval 함수와 상관없이 난독화합니다 (권장하지 않는 옵션입니다).

4

Ignore compress files

압축 시 제외할 파일 목록을 지정합니다.

지정된 목록은 XPRJ 파일이 저장된 경로 아래 .ignorecompress 파일로 저장합니다.

Compress Options 적용 시 생성되는 코드는 아래를 참고하세요. Form_Work.xfdl 파일 내 작성한 스크립트 코드입니다.

Form_Work.xfdl

// Button01 Test
this.Button00_onclick = function(obj:nexacro.Button,e:nexacro.ClickEventInfo)
{
    var temp_btn = "TEST";
    eval("trace('test'"+temp_btn+")");
};

/************************************************************************
 * Button Test
 ************************************************************************/
this.Button01_onclick = function(obj:nexacro.Button,e:nexacro.ClickEventInfo)
{
    var temp_btn = "TEST";
    trace('TEST_2'+temp_btn);
};

아래 코드는 Compress Options를 아무것도 선택하지 않으면 생성되는 자바스크립트 코드입니다.

Form_Work.xfdl.js

// Button01 Test
this.Button00_onclick = function(obj,e)
{
    var temp_btn = "TEST";
    eval("trace('test'"+temp_btn+")");
};


/************************************************************************
 * Button Test
 ************************************************************************/
this.Button01_onclick = function(obj,e)
{
    var temp_btn = "TEST";
    trace('TEST_2'+temp_btn);
};

아래 코드는 첫 번째 옵션만 적용해 공백 문자와 주석을 제거한 코드입니다.

Form_Work.xfdl.js / Option 1

this.Button00_onclick=function(obj,e){var temp_btn="TEST";eval("trace('test'"+temp_btn+")");};this.Button01_onclick=function(obj,e){var temp_btn="TEST";trace('TEST_2'+temp_btn);};

아래 코드는 두 번째 옵션까지 적용해서 난독화를 처리한 코드입니다. eval 함수가 들어간 부분은 난독화 처리를 하지 않았습니다.

Form_Work.xfdl.js / Option 1, 2

this.Button00_onclick=function(obj,e){var temp_btn="TEST";eval("trace('test'"+temp_btn+")");};this.Button01_onclick=function(_a,_b){var _c="TEST";trace('TEST_2'+_c);};

아래 코드는 세 번째 옵션까지 적용한 코드입니다. eval 함수와 상관없이 코드 전체적으로 난독화를 처리합니다.

Form_Work.xfdl.js / Option 1, 2, 3

this.Button00_onclick=function(_a,_b){var _c="TEST";eval("trace('test'"+_c+")");};this.Button01_onclick=function(_a,_b){var _c="TEST";trace('TEST_2'+_c);};

26.1.6Build

앱 빌드 시 필요한 기본 옵션을 설정합니다.

NRE (Windows)


속성

설명

1

Execute Module

Windows 실행 환경(x86, x64)을 선택한 경우에 입력할 수 있습니다.

넥사크로 스튜디오 설치 경로에 생성된 Setup 모듈을 기본값으로 지정합니다. 해당 파일을 찾지 못하거나 다른 파일로 변경할 때는 파일을 변경할 수 있습니다.

2

Version

선택한 모듈 버전 값을 표시합니다.

3

Resource Path

이전 단계에서 생성한 아카이브 파일 경로를 지정합니다.

생성된 파일이 없는 경우 작업이 진행되지 않습니다.

4

Bootstrap URL

Bootstrap 파일 URL을 지정합니다.

Update Type 옵션을 "Local"로 선택한 경우에는 파일명을 지정하며 그렇지 않은 경우에는 연결할 수 있는 URL 값을 지정해야 합니다.

5

Output path

설치 파일을 생성할 경로를 지정합니다.

AppBuilder > Login

Android, iOS, macOS 실행 환경을 선택한 경우에 입력할 수 있습니다. "Auto Login"을 설정한 경우에는 메뉴[Deploy > BuildApp] 실행 시 로그인 창이 뜨지 않습니다.

AppBuilder > Environment

이전 단계에서 생성한 아카이브 파일 경로를 지정합니다. 생성된 파일이 없는 경우 작업이 진행되지 않습니다.

26.1.7Launch

별도 웹서버를 설치하지 않고 웹브라우저에서 개발한 앱을 테스트할 수 있도록 넥사크로 스튜디오에서 웹서버 기능을 제공합니다. 운영하고 있는 테스트 웹 서버를 선택할 수 있으며 NRE 또는 에뮬레이터 실행 시에는 Local 환경을 선택할 수 있습니다.


속성

설명

1

Local

NRE 또는 에뮬레이터 실행 시 웹서버를 실행하지 않고 로컬 환경에서 파일에 직접 접근해 실행합니다.

2

Local Web Server

넥사크로 스튜디오에서 제공하는 로컬 웹서버 관련 속성을 설정합니다.

3

Server Host Url

로컬 웹서버 사용 유무를 지정합니다. 로컬 웹서버를 사용하는 경우에는 HOST Url 형태(127.0.0.1 또는 localhost)를 지정합니다.

4

Option

[Show details on server error message] HTTP 통신 시 발생하는 에러를 Output 창에 표시할지를 지정합니다.

[Save the server log] 내장 웹서버 실행 로그를 파일로 저장할지를 지정합니다.

5

Details

추가 옵션을 지정합니다.

6

Web Server

웹서버 URL을 직접 설정합니다.

7

Display run configuration

launch / quickview 동작 시 Run Configuration Dialog를 표시할지 여부를 설정합니다.


속성

설명

1

Port Number

PORT 번호를 직접 지정할 수 있습니다.

지정된 값이 없는 경우에는 자동으로 PORT 번호를 지정합니다.

2

Log Path

실행 로그를 파일로 저장하는 경우 파일 경로와 파일명을 지정합니다.

26.1.8Position

form에서 컴포넌트 생성 시 적용되는 Position 속성값 단위를 설정합니다. Option에서 지정한 값은 form 생성 시 기본값으로 처리됩니다.

26.1.9Advanced

프로젝트에서 메타데이터를 사용하는 기능을 활성화합니다. TypeDefinition에 정의된 컴포넌트의 PrefixID와 선택한 메타데이터를 조합해 컴포넌트의 ID를 설정합니다.


속성

설명

1

Metadata

[Use user-defined metadata] 메타데이터 사용 여부 설정

[Use metadata with prefixID] TypeDefinition에 정의된 컴포넌트의 PrefixID와 선택한 메타데이터를 조합해 컴포넌트의 ID를 설정

2

Code Snippet File Path

코드 스니펫 파일 위치를 설정합니다.

별도 설정하지 않으면 넥사크로 스튜디오 설치 시 기본 제공되는 파일을 사용합니다.

3

Component Preset File Path

컴포넌트 프리셋 파일 위치를 설정합니다.

별도 설정하지 않으면 넥사크로 스튜디오 설치 시 기본 제공되는 파일을 사용합니다.

26.2Options – Environment

넥사크로 스튜디오의 전체적인 환경을 설정합니다.

26.2.1General

General은 넥사크로 스튜디오의 일반적인 Option을 설정합니다.

표 26-2Options[Environment - General]


속성

설명

1

Working Folder

신규 Project 생성 시 Project가 저장되는 폴더를 지정

2

Number of recent files displayed in the list

메뉴 [File > Recent Files]에 표시되는 File 목록 개수를 설정.

최대 16개까지 설정할 수 있습니다.

3

Number of recent projects displayed in the list

메뉴 [File > Recent Projects]에 표시되는 Project 목록 개수를 설정.

최대 16개까지 설정할 수 있습니다.

4

Perspective

사용할 화면 배치 모드를 설정

(Developer / Designer)

5

Command Type

사용할 메뉴 타입을 설정 (Default / Ribbon)

6

Nexacro Studio Theme

사용할 넥사크로 스튜디오 테마를 설정 (Default / Black)

26.2.2Startup

넥사크로 스튜디오가 시작될 때 사용되는 Option을 설정합니다.

표 26-3Options[Environment - Startup]


속성

설명

1

Show empty environment

넥사크로 스튜디오 시작 시 빈 화면으로 시작합니다.

2

Show StartPage on Startup

넥사크로 스튜디오 시작 시 시작 페이지를 표시할지 설정합니다.

3

Reopen last project

넥사크로 스튜디오 시작 시 마지막으로 작업했던 Project를 자동으로 Open할지 설정합니다

4

Reopen the file(s)...

프로젝트을 열 때 마지막에 열려있던 파일을 같이 열지 여부 설정

26.2.3Auto Recover

파일 편집 시 자동 복구 방식에 대한 Option을 설정합니다.

표 26-4Options[Environment - Auto Recover]


속성

설명

1

Autosave interval(temporary file)

항목 체크 시 임시파일을 생성합니다.

2


임시파일의 생성 주기를 설정합니다.

3

Create backup (.bak) file automatically

백업 파일을 생성

26.2.4Font and Color

넥사크로 스튜디오의 각각의 창에서 사용되는 Font와 Color를 설정합니다.

표 26-5Options[Environment - Font and Color]


속성

설명

1

Display items

설정 범위를 설정

2

Set General

기본값으로 설정.

3

Font

글꼴을 선택


Font Style

글꼴의 Style을 설정


Size

글꼴의 크기를 설정


Script

지정된 글꼴에서 사용할 수 있는 언어 스크립트를 표시.


Foreground

글꼴 색깔을 설정.


Background

여백 색깔을 설정

4

Strike Out

문자열에 취소 선을 표시여부 설정.


Underline

문자열에 밑줄을 표시여부 설정.

5

Tab Size

탭 크기를 설정.


Indent Size

들여쓰기 크기를 설정

6

Insert Spaces

탭의 크기만큼 공백으로 표시


Keep Tabs

탭을 유지

7

View Indentation Guide

들여쓰기 안내선 보기를 설정


Auto Indent

자동 들여쓰기를 설정

8

Preview

설정된 Option 값을 적용한 화면 미리 보기

26.2.5Show Information

Form 파일의 타이틀 표시 여부에 대한 옵션을 설정합니다.

표 26-6Options[Environment - Project Explorer]


속성

설명

1

Show Title

TitleText의 표시유무를 설정

• at Project Explorer: FDL안의 TitleText정보를 Project Explorer에 표시합니다.

• at Child Tab: FDL안의 TitleText정보를 편집화면의 Tab에 표시합니다.

26.2.6Script

Script 편집 화면에서 사용되는 Option을 설정합니다.

표 26-7Options[Environment - Script]


속성

설명

1

Remove Event

속성창에서 생성된 이벤트를 삭제했을 때 이벤트 함수 코드를 주석으로 처리할지를 설정

2

IntelliSense

Intellisense를 보여줄지 여부를 설정

Intellisense 목록에서 표시되는 Item의 개수를 설정합니다.

3

Auto Complate

닫는 Brace를 자동으로 추가하도록 설정

26.2.7Generate

generate 작업 실행에 관련된 옵션을 설정합니다.

표 26-8Options[Debugging - General]


속성

설명

1

Auto Generate

파일 저장 시 generate 작업을 자동으로 실행할 지 여부를 지정합니다.

2

Message

generate 작업 실행 시 발생된 메시지 출력 여부를 지정합니다.

26.2.8External Tools

외부 응용프로그램을 바로 실행할 수 있는 옵션을 지정합니다. 등록된 프로그램은 툴바나 메뉴에서 바로 실행할 수 있습니다.

26.3Options – Form Design

넥사크로 스튜디오의 Design Window와 관련된 Option을 설정합니다.

26.3.1General

Form Design관련 Option을 설정합니다.

표 26-9Options[Debugging - General]


속성

설명

1

Max Undo

Undo로 복구할 수 있는 최대 횟수

Default Width

신규 Form 생성 시 기본 Width를 설정

Default Height

신규 Form 생성 시 기본 Height를 설정

2

Select Type

마우스로 컴포넌트 선택 시 결정 시점을 설정

자세한 내용은 선택 항목을 참고하세요.

3

Layout

현재 편집 중인 Step을 표시합니다.

26.3.2Guide

Form 디자인 화면의 눈금자와 가이드 라인, Grid, Snap 기능에 대한 옵션을 설정합니다.

표 26-10Options[Debugging - General]


속성

설명

1

Measure

Position 단위를 설정

2

Display ruler

Ruler 표시 여부를 설정

Display guidelines

가이드라인 표시 여부를 설정

Let component follow the movement of guidelines

가이드라인에 맞추어 컴포넌트를 배치한 경우 가이드라인 이동 시 컴포넌트를 이동할지를 설정

Display current mouse position

Ruler에 마우스 좌표의 표시 여부를 설정

3

Display dot grid

Dot grid 표시 여부를 설정

Dot grid size

Dot grid의 간격을 설정

Display type

Dot grid의 종류를 설정

4

Snap to dots when moving Component

Canvas 위에서 Control을 이동할 때 Canvas Dot에 대해 Magnetic 기능을 적용할지 설정

Snap to other components

when moving component

Canvas 위에서 Control을 이동할 때 다른 컴포넌트에 대해 Magnetic 기능을 적용할지 설정

Space between components

Canvas 위에서 Control을 이동할 때 다른 컴포넌트에 대해 Magnetic 기능을 적용할 때 사용할 간격을 설정

컴포넌트 선택 후 방향키로 위치를 이동할 때 'Dot Grid Size'에 지정한 픽셀 크기만큼 이동합니다. 예를 들어 'Dot Grid Size'값이 8이라면 방향키를 한번 누를 때마다 해당 방향으로 8픽셀씩 이동합니다.

Ctrl 키를 누른 채로 방향키로 위치를 이동하면 1픽셀씩 이동합니다.

26.3.3Paste Special

Form Design에서 지원되는 ‘Paste Special’기능의 Option을 설정합니다.

표 26-11Options[Form Design – Paste Special]

속성

설명

Property(Normal)

대상의 일반 속성을 붙여넣기 합니다.

User Property

대상의 사용자 속성을 붙여넣기 합니다.

Event

대상의 이벤트 속성을 붙여넣기 합니다.

Bind Item

대상의 Bind 정보를 붙여넣기 합니다.

Init Value

대상의 InitValue 정보를 붙여넣기 합니다.

26.4Options - Launch

26.4.1General

넥사크로 스튜디오에서 작업 중인 Project를 Launch할 때 사용되는 Option입니다.

표 26-12Options[Environment - Launch]


속성

설명


Display popup menu

실행된 넥사크로플랫폼에서 컨텍스트 메뉴를 표시할지를 설정합니다. (NRE만 지원)

실행 시 나타나는 컨텍스트 메뉴는 아래와 같습니다. 웹브라우저로 실행할 때는 지원하지 않습니다.

표 26-13Options[Environment - Launch]

메뉴

기능

Reload

현재 보이는 화면을 새로고침 합니다.

넥사크로 스튜디오에서 코드를 수정하고 다시 Quick View를 띄우지 않고 실행된 화면에서 변경된 내용을 확인할 수 있습니다.

View Source

실행된 넥사크로플랫폼 앱의 소스 코드를 넥사크로 스튜디오에서 보여줍니다.

여러 개의 폼을 메뉴로 조작하는 경우에 유용하게 사용할 수 있습니다.

Always on Top

실행된 앱을 윈도우 영역 최상위에 고정합니다.

26.4.2Browser

Launch, Quick View 사용 시 연결할 웹브라우저를 지정합니다.

26.5Options – Debug

넥사크로 스튜디오의 Debugging과 관련된 Option을 설정합니다.

표 26-14Options[Debugging - General]


속성

설명

1

Show message of error

Error 내용을 Output 창에 표시

2

Show message of warning

Warning 내용을 Output 창에 표시

3

Show the lowest level variables in the variables list

디버깅 모드에서 Watch, Variable 항목에 조회된 정보 항목 중 최하위 레벨의 Variable 목록 표시

4

Use the assist tip when mouse point to the word in script editor

디버깅 모드에서 스크립트 창에서 변수, 오브젝트 위에 마우스 포인터를 가져가면 관련된 값 또는 정보를 표시

5

Display variable values inline while debugging

디버깅 모드에서 스크립트 창에서 변수, 오브젝트에 대한 값 또는 정보를 해당 라인 오른쪽에 표시

26.6Options – Source Control

Source Control과 관련된 Option을 설정합니다. 해당 Option은 사용자 PC에 사용 가능한 Source Control이 설치된 경우에만 보입니다.

표 26-15Options[Source Control]

속성

설명

Source Control

Management Type

사용자 PC에 설치된 Source Control 목록이 보이며 이 중에서 프로젝트에 적용할 Source Control을 선택합니다.

Options

선택된 Source Control에 따라 세부적인 옵션을 지정합니다.