넥사크로 스튜디오는 애플리케이션을 설계하고 개발, 테스트, 디버깅, 배포 등의 일련의 작업을 지원하는 강력한 통합 개발 환경이다.
디자인 화면을 제공해 빠르게 애플리케이션 화면을 디자인할 수 있으며, 바인딩 상태나 컴포넌트 간 연관 관계를 직관적으로 확인이 가능하다.
스크린 관리 기능을 제공하여 다양한 화면 크기의 애플리케이션을 효율적으로 개발할 수 있다.
앱 빌더 기능을 사용하면 다른 개발 도구 없이 모바일 디바이스에 설치할 파일을 생성하고 배포할 수 있다.
★ 세부
바탕화면 파일 우클릭 - 파일 위치
◎ embedded : 넥스크로를 사용해 만든 기능 관련 소스코드 저장됨
◎ help : 컴파일된 HTML 도움말 파일로 제공, 넥사크로 스튜디오는 운영체제 언어 설정에 따라 해당 언어로 도움말 파일 실행
◎ 기타 라이센스, 라이브러리, 컴포넌트, 테마 등등
★ 넥사크로 실행
◎ 메뉴 - Help - About nexacro studio 선택하여 설치된 넥산크로의 버전 등록과 라이선스 정보 확인
◎ 실행환경 Perspective, Command Type, Theme 설정 가능
◎ options - envirnoment > General > Development Tools 에서 변경가능
☆ Hello 프로젝트 만들기
★ 프로젝트 생성하기
◎ Start - New - 프로젝트명과 파일저장위치 설정 - 화면 분할이나 프레임 유형 설정 - Finish
★ 화면 생성하기
넥사크로에서는 실행되는 화면을 폼이라고 부르며 폼은 xfdl 확장자로 생성되는 XML 파일이다.
◎ Menu - New - Form Or 툴바의 New 아이콘 - 이름과 저장위치 크기 설정 - 생성되는 컴포넌트 키기와 좌표의 기본 단위 설정
★ 컴포넌트 배치 & 스크립트 작성
◎ 상단의 컴포넌트 툴바에서 버튼 컴포넌트 선택 - 원하는 위치에 드로잉하여 컴포넌트 생성
◎ 컴포넌트 이벤트 설정 : properties의 창 네번째 아이콘을 선택하여 컴포넌트에서 발생가능한 이벤트 목록에서 Onclick 이벤트
◎ 두 가지 방식으로 설정 가능
1) 기본 함수명으로 설정하는 방법은 onclick 이벤트의 오른쪽 빈 영역을 더블클릭하면 "컴포넌트아이디_이벤트명" 형식으로 자바스크립트 함수 생성
2) 사용자 함수명으로 생성하는 방법
◎ 생성한 함수의 스크립트 작성(전부 소문자) - this.alert("Hello");
◎ 넥사크로플랫폼은 작성된 소스 코드를 자바스크립트 코드로 변환, 즉 Generate하는 과정이 필요
→ Generate는 화면을 생성, 수정 후 저장하는 시점에 자동으로 처리
◎ Generate Path는 메뉴의 툴 옵션에 프로젝트의 Generate에서 확인할 수 있음
◎ Generate Path의 위치 복사해서 열어보면 Hello.xfdl.js가 생성되어 있음
◎ 툴바나 메뉴의 Quickview 아이콘을 클릭하거나 단축키인 Ctrl + F6을 실행하여 확인
◎ 넥사크로 에뮬레이터는 데스크탑 외의 모바일 등 다른 스크린에서 실행되는 결과를 확인할 때 사용
◎ 넥사크로 브라우저는 넥사크로 브라우저 32비트, 64비트에서 실행
◎ 웹 브라우저는 로컬 PC에 설치 되어있는 웹브라우저를 통해 결과를 확인 - 웹브라우저 선택 후 실행
◎ 여러 형태로 결과 확인이 가능하며, Quick View 창에 웹 브라우저 목록이 나오지 않으면 라이선스를 갱신하면 됨
★ 프로젝트 구성 요소
◎ Environment : 실행 환경 정보를 가지고 있는 설정 파일로 더블 클릭 또는 마우스 우클릭 Edit 메뉴를 통해 편집
→ 애플리케이션에서 사용하는 ScreenInfo, Variables, Cookies 등을 설정하며 여러 개의 애플리케이션으로 구성 시 각각의 애플리케이션에서 공유하여 사용할 수 있는 정보들임
◎ ScreenInfo : 애플리케이션을 다양한 디바이스에서 동일하게 실행할 경우 스크린 정보를 추가하여 사용
◎ Variables : 화면에서 공통으로 사용할 변수를 지정
★ Variables 설정
get & set & remove
◎ Cookies : 브라우저 쿠키로 처리될 변수를 설정한다
★ Cookies 설정
◎ 웹 브라우저 개발자 도구에서 확인 가능 - F12
◎ HTTP Header : HTTP Header 영역에 포함하여 전송할 변수를 설정
★ HTTP Header 설정
get & set & remove
◎ Script : Enviroment에서 공통으로 정의하는 스크립트 또는 여러개의 애플리케이션에서 같이 사용할 스크립트를 작성
★ 스크립트 작성과 접근
◎ TypeDefinition의 Objects는 Module 정보와 Module에 정의되어 있는 오브젝트를 관리
◎ Modules의 하위에는 json 파일에 정의되어 있는 Object의 목록이 나타나며, 오른쪽 창에 이미 등록되어 있는 Object는 체크박스로 표현이 됨
◎ Services : 화면, 스크립트, 서버 경로 등을 설정하여 사용하며 지정하는 Type에 따라 서비스에 표시되는 파일 타입이 제한된다. Base 서비스가 기본적으로 설정되어있으며, 프로젝트 생성시 프레임 구조를 선택한 경우 FrameBase라는 서비스에 프레임에 들어갈 Form까지 자동생성된다.
◎ Protocols : 넥사크로 플랫폼에서는 기본 HTTP 프로토콜을 사용해 요청과 응답을 처리함
◎ AppVariables는 애플리케이션과 화면에서 공통으로 사용하며 여러 개의 애플리케이션으로 구성한 경우 애플리케이션별 변수 공유가 불가능함
◎ Dataset : 2차원 테이블 형태로 데이타를 관리하는 오브젝트로, 애플리케이션에서 전역적으로 사용하는 2차원 데이타를 관리
◎ App는 스크린별 mainframe, Trays, Script로 구성되어 있음
◎ Apps의 Script를 호출하여 테스트할 경우 Launch Project로 실행해야 함.
◎ 단일 환경을 실행하는 Quick View로 테스트할 경우, 동작하지 않음
'프로그래밍 > Nexacro 17' 카테고리의 다른 글
| 2022년 2월 13일 - Dataset의 이벤트 처리 순서, 이벤트 발생 멈추기 (0) | 2022.02.13 |
|---|---|
| 2022년 2월 12일 - Dataset 레코드타입, 데이터전체복사, 선택복사 (1) (0) | 2022.02.12 |
| 2022년 2월 11일 - Dataset 구조, 데이터 찾기, 데이터 통계처리, 데이터 필터 기능 (0) | 2022.02.11 |
| 2022년 2월 12일 - Dataset 레코드타입, 데이터전체복사, 선택복사 (2) (0) | 2022.02.11 |
| 2022년 2월 10일 - 넥사크로 (2) : 교육자료 열기, 컴포넌트 알아보기 (0) | 2022.02.10 |
댓글