[넥사크로][기본] 03. 넥사크로 컴포넌트

기존 프로젝트 열기

• Open-Project 'EduProject17.1'
• 이미 만들어진 어플리케이션을 불러온 것이므로 generate 과정 필요
  • Generate-Application
• 실행은 Launch 버튼
  • Run Screen에 Desktop, Phone 등 선택 가능

Script

• 서비스 그룹 'Base' - 프로젝트 'Hello_Sample' 더블클릭해서 열기
• Design / Source / Script 세 영역 있는데 Script 클릭

코드스니펫

: 자주 사용하는 코드 저장하여 사용하기

• Script 영역에서 우클릭 - Code Snippet - Edit Code Snippet
• Add Code Snippet
  • Name: cmd10

  • /***********************************************************/
    /* 프 로 그 램 : $FILE$
    /* 작 성 일 자 : $DATE$
    /* 작  성   자 : $end$
    /* 설       명 : 
    /***********************************************************/

  • end는 커서 위치
• 스크립트 창에서 cmd10 쓰면 자동 삽입됨

include 한 파일 찾아가기

자주 반복적으로 사용하는 코드들을 js파일로 뺀 뒤 인클루드해서 사용함

• include "Lib::Common.xjs"

• 마우스 오른쪽 클릭 - Open Included File

주요단축키 설명

• 블럭이동 : Ctrl+]
• 블럭선택 : Ctrl+Shift+]
• 블럭주석 : Ctrl+/
• 주석해제 : Alt+/

띄어쓰기 자동 수정 (Indent)

• 코드 전체 선택 - 우클릭 - Auto Indent

Design

버튼 복붙할 때

• 버튼 하나 만들어두고 디자인 다 한 다음에 붙여넣기할 건데...
• 그냥 복붙하면 Event명 그대로 복붙돼

• 붙여넣기 시 Ctrl+Shift+v 하면 Paste Special 뜸
• Event 체크해제하면 됨

Properties

• 볼드체: 개발자가 수정한 것
• 레귤러체: default 값
• 모든 속성은 아래 한 줄 help가 나오는데, 부족하면 F1 누르면 도움말 창 뜸
• 순수 넥사크로 플랫폼에 대한 것만. 자바스크립트 도움말은 없음

기타

• 정렬은 align 메뉴 사용
• 다중 선택 시
  • 기본설정으로는 버튼 전체가 영역에 포함되어야 선택되는데, Tools-Options-Form Design-General-Select Type 에 'Select Part' 로 바꾸면 편함
  • 첫 번째 선택된 컴포넌트가 기준점.
  • 기준점 바꾸고 싶다면 Ctrl 누른 채로 재선택
• Div, Tab 컴포넌트는 depth 로 버튼 추가 가능
  • 버튼 우클릭-'Copy ID (Include Parent)' 이용하면 현재 선택한 컴포넌트의 경로 복사 가능

Component

단일 컴포넌트

• NRE로 Launch 시 우클릭-View Source
• `Step` : 작업영역 여러개 좌우 이동
• `MaskEdit`: 정형화된 텍스트
  • type: number / string
  • format: 표현되는 포맷
    • 만약 주민번호 뒷자리 아스타 처리하려면 `######-#{######}`
    • `MaskEdit`은 입력 길이가 정해져있기 때문에 비밀번호는 사용 안 함
• 비밀번호는 `Edit` Component 사용 - `password` 속성을 `true`

목록형 컴포넌트

• 사전에 List 정의 필수

컨테이너 컴포넌트

• `Div`, `Tab`
  • `url`: 반복되는 페이지 include해올 수 있다.
  • 단 `url`로 가져올 경우, `tab`의 경우, 해당 탭이 on될 때서야 불러오니 훨씬 빨라. 그런데 다른 탭 정보를 가져올 필요가 있을 경우 undefined error 뜰 것임
    • 해결방법은 두 가지. `preload` 속성을 `true` 할 수 있지만 사용하지 마, 속도에 영향 줌
    • solution 2: 로직 풀어.