[넥사크로][기본] 02. 개발환경 설정과 Hello 띄우기

Hello 페이지를 생성해보자.

 

 

• TypeDefinition - Services
  • form 추가: Work, Hello
  • IncludesSub-directory: True
• 프로젝트-Hello
  • new folder: Hello000 (subfolder 생성한 것임)
  • new-form
    • 옅은 회색: form
    • 짙은 회색: component
    • 폼 단계에서는 px 권장. 왜냐하면 모든 컴포넌트를 리사이즈하는 게 아니라서.
  • 'Hello' form 더블클릭 - UI 수정 가능.
    • Button 추가
    • 천천히 2번 클릭: 버튼 레이블 수정
    • 빠르게 2번 클릭: 버튼 이벤트 수정
• 이벤트 수정 - 메시지, 로그 뿌리기 
  • • alert이나 confirm은 브라우저가 제공하는 디자인.
• 속성값 수정

  • this.Button00_onclick = function(obj:nexacro.Button,e:nexacro.ClickEventInfo)
    {
    	this.Button00.set_text("안녕");  // 속성값 수정
    	this.alert(this.Button00.text);  // 속성값 읽기
    };

  • 속성값 수정 시 set_속성명
  • TIP: this.Button00 대신에 obj 쓰면 id변경에 따른 수정 필요 없음 (event 수정 시 최대한 parameter 값 활용)

  • this.Button00_onclick = function(obj:nexacro.Button,e:nexacro.ClickEventInfo)
    {
    	obj.set_text("안녕");  // 속성값 수정
    	this.alert(obj.text);  // 속성값 읽기
    };

• 변수 선언

  • var str1 = "abc";  // 현재 script 안에서만 선언
    this.str2 = "123";  // script, component, form 다 사용 가능.
    str3 = "abc";  // application global 영역. application 끄기 전까지는 안 사라져, 이렇게 쓰지 마!
    
    this.Button00_onclick = function(obj:nexacro.Button,e:nexacro.ClickEventInfo)
    {
    	// 변수 세팅
    	str1 = "124";
    	this.str2 = 'abc';
    };

  • str1 : 현재 script 안에서만 사용 가능
  • str2: script, component, form 다 사용 가능. 사용 시 scope 설정 필수
  • str3: application global range. 메모리에 끝까지 살아남아있으니 이렇게 절대 쓰지 말 것
• 파일 실행
  • xfdl 파일은 xml 형식의 파일임. 이는 html단에서 실행 불가
  • generate 통해 js로 바꿔야 실행 가능
  • 그런데 로그 보면, 넥사크로 프로그램에서 저장할 때마다 js 생성됨.
  • Tools-Options-Generate 에 있는 디렉토리 가보면 js파일 생성되어 있음
  • 그런데 일반적으로 아는 js와 다를 것임.
  • 생성된 js파일로만은 실행이 불가능하고,
  • 브라우저에서 실행되는 것은 nexacro17lib/component/ComComp 엔진 라이브러리가 함께 deploy되기 때문에 가능함