본문 바로가기

Frontend/Nexacro

[넥사크로] 컴포넌트

반응형

 *.xprj파일이 프로젝트 파일임

=> Generate\Application ( generate를 해줘야 어플리케이션이 구동됨 )

이전에 generate된 것은 스킵 => 스킵 안하고 싶으면 Generate에서 Regenerate\Application해주면 됨

 

CodeSnippet : 단축어 등록 사용 => 표준화 및 함수 미리 정의 되어 있어야 함

1. 등록

우클릭 -> CodeSnippet -> Name : 명칭 / Shortcut : 사용할 단축어 / Description : 설명 -> 하단 템플릿 작성( 우클릭 누르면 시스템 환경 변수 불러오기 가능함 ) -> ok

2. 사용

메서드 불러오듯 단축어 입력하여 사용하면 됨

 

반복적 사용 함수는 js로 빼서 include하는 방식 ( eg. include "Lib::Common.xjs")

Lib::Common.xjs => 우클릭 => open include File -> include한 파일이 열림

 

다른 단축키

블럭이동 : Ctrl+]

블럭선택 : Ctrl+Shift+]

블럭주석 : Ctrl+/

주석해제 : Alt+/

 

Options -> Environment->Script-> AutoComplete (Auto-insert-closing brace)

Options -> Environment->Font and Color -> Source ->View Indent Guide

Copy ID : Div 및 Tabpage의 Depth가 있는 컴포넌트 복사기능 

 

 

auto indent -> 자동 라인 정리 = intilliJ에서 crtl + alt + L

 

버튼 복붙 => ctrl +c, ctrl +v => 이벤트 까지 복붙

ctrl+shift+v => 붙여넣기 할 내용 선택

 

컴포넌트는 쓰고싶지만 안보이게 하고 싶을때 : 컴포넌트 생성 후 회색 영역으로 이동시킴

(cf 단순히 안보이게 하고싶으면 properties에서 visible을 false로 한다.)

 

 

단일컴포넌트

*처리 2가지 방법

1. MaskEdit에서 ()로 묶어준다

2. Edit에서 password컴포넌트를 true로 설정한다

 

리스트형 컴포넌트

 

컨테이너형 컴포넌트

 

DIV, TAP하면 DEPTH가 설정됨

DIV, TAP 작성시 properties에서 URL부분을 이용하면 재사용성 높아짐

=> 속도에 관련된 내용인데 일일이 작성하게 되면 다 불러올 때까지 시간이 걸리지만 URL방식을 사용하면 선택한 페이지에 대해서만 로딩시간이 걸림 => 하지만 로딩되지 않은 화면을 참조하고 싶은 경우에 잘못하면 Undefined됨 => 이러면 properties중에 preload를 활성화 해주면 된다

 

form 가져오기 붙여넣기 할때 div선택하고 붙여넣기 해야하고 만약 위치가 안맞아서 숨겨진다면 더블클릭 후 옮기면 됨

반응형

'Frontend > Nexacro' 카테고리의 다른 글

[넥사크로] 스크립트 작업 실습  (0) 2023.07.06
[넥사크로] 그리드  (0) 2023.07.06
[넥사크로] 데이터 바인드  (0) 2023.07.06
[넥사크로] 프로젝트 생성  (0) 2023.07.06
[넥사크로] 플랫폼 설명  (0) 2023.07.06