DX를 위한 UI.UX 플랫폼 넥사크로 N

[목 차]

PART 01 넥사크로가 뭔가요?

 

1. 넥사크로의 세계에 오신 것을 환영합니다!

1.1 넥사크로 개요

1.2 프로그래밍 언어

1.3 환경 구성

1.4 시스템 요구 사항

1.4.1 데스크톱

1.4.2 모바일

1.4.3 넥사크로 스튜디오

1.4.4 국제 표준 준수 사항

 

2. 컴퓨터를 개발 장비로 준비시키기

2.1 넥사크로 스튜디오 설치

2.2 넥사크로 스튜디오 초기 설정

2.2.1 주요 파일

2.2.2 실행 환경 설정

2.3 라이선스 인증

2.4 시작 페이지

2.5 도움말 사용

 

3. 첫 번째 프로젝트 만들어 보기

3.1 넥사크로 스튜디오 실행하기

3.2 Hello World

3.2.1 프로젝트 생성

3.2.2 화면, 컴포넌트 생성, 스크립트 작성

3.2.3 실행 확인

3.3 프로젝트 구성 요소

3.3.1 Environment

3.3.2 TypeDefinition

3.3.3 Application Information

3.4 프로젝트 생성 결과물

 

4. 다양하게 사용할 수 있는 컴포넌트 살펴보기

4.1 넥사크로 컴포넌트

4.1.1 단일 컴포넌트

4.1.2 선택형 컴포넌트

4.1.3 목록형 컴포넌트

4.1.4 컨테이너 컴포넌트

4.1.5 모바일 컴포넌트

4.2 넥사크로 오브젝트

4.2.1 데이터 오브젝트

 

PART 02 누구나 쉽게 넥사크로로 업무 화면 만들기

 

5. 실전! 업무 화면 만들기

5.1 화면 만들기

5.1.1 화면 예시

5.1.2 화면 생성, 레아아웃 구성

5.1.3 Dataset 생성

5.1.4 화면 디자인

5.2 데이터 바인딩

5.2.1 목록 영역 바인딩

5.2.2 상세 영역 바인딩

5.3 조회 조건 영역 처리

5.3.1 부서 검색 팝업 처리

5.3.2 성별 조건 처리

5.4 목록 영역 처리

5.4.1 데이터 표현과 편집 처리

5.4.2 Grid 편집 방법

5.4.3 셀 표현식 Expression

5.5 서버 설정과 데이터 통신

5.5.1 X-API 설치

5.5.2 넥사크로 환경 설정

5.5.3 데이터베이스 테이블 생성

5.5.4 데이터 통신 방법

5.6 화면 스크립트와 서버 페이지 작성

5.6.1 조회 처리

5.6.2 입력, 삭제 처리

5.6.3 저장 처리

5.6.4 코드 데이터 처리

 

6. 간결하고 일하기 편한 UI 디자인하기

6.1 디자인 정보 구성 요소

6.1.1 Resource Explorer

6.2 디자인 적용

6.2.1 Theme

6.2.2 XCSS

6.3 디자인 속성의 이해

6.3.1 Style Property

6.3.2 RTL

6.4 선택자의 이해

6.4.1 Multi Selector

6.4.2 Class Selector

6.4.3 Child Selector

 

7. 복잡한 업무를 팝업 창으로 깔끔하게 처리하기

7.1 모달(Modal) 팝업 띄우기

7.1.1 모달 팝업 오픈

7.1.2 팝업 화면 처리

7.2 모달리스(Modeless) 팝업 띄우기

7.2.1 모달리스 팝업 오픈

7.3 PopupDiv 컴포넌트를 이용한 팝업 처리

7.3.1 PopupDiv 오픈

7.4 실습하기

7.4.1 화면 구성

7.4.2 스크립트 작성

 

8. 업무, 환경에 따라 화면 레이아웃 바꾸어 보기

8.1 Position

8.1.1 상대좌표 설정

8.1.2 Position 적용

8.1.3 Fit to Contents

8.2 MLM

8.2.1 레이아웃

8.2.2 스텝

8.3 Fluid Layout 278

8.3.1 화면 배치 타입

8.3.2 컴포넌트 배치하기

8.3.3 컴포넌트 배치 기준, 간격 설정하기

 

9. 사용자 맞춤 기능 설정하기

9.1 Frame 오브젝트

9.1.1 ChildFrame

9.1.2 FrameSet, VFrameSet, HFrameSet, TileFrameSet

9.1.3 MainFrame

9.1.4 Frame Template

9.2 메인 화면 구성

9.2.1 기초 작업

9.2.2 메인 화면 - SDI

9.2.3 메인 화면 - MDI

 

PART 03 넥사크로 활용 능력 끌어올리기

 

10. 컴포넌트, 오브젝트 자유롭게 활용하기

10.1 Dataset

10.1.1 Dataset 구조

10.1.2 데이터 찾기

10.1.3 데이터 정렬, 필터

10.1.4 데이터 계산

10.1.5 데이터 로우 타입

10.1.6 데이터 복사

10.1.7 Dataset 이벤트

10.2 Grid

10.2.1 Grid 구성

10.2.2 칼럼 로우 사이즈 조절

10.2.3 로우, 셀 선택

10.2.4 Grid 포맷

10.2.5 Grid 동적 구성

10.2.6 Grid 소계

10.2.7 Grid 트리

10.2.8 트리 접기, 펼치기

10.2.9 특정 로우 접기, 펼치기

10.3 동적 생성

10.4 엑셀 처리

10.4.1 nexacro-xeni

10.4.2 ExcelExportObject

10.4.3 ExcelImportObject

10.4.4 예제

10.5 웹 페이지 연동

10.5.1 WebView

10.5.2 우편번호 서비스 연동

 

11. 대규모 프로젝트에서 공통 UI 구축하기

11.1 UI 표준

11.1.1 개발 표준 정의

11.1.2 공통프레임 개발

11.1.3 공통 스크립트

11.2 공통 스크립트 구현

11.2.1 넥사크로 스크립트 파일 이용

11.2.2 넥사크로 자바스크립트 프레임워크 이용

 

12. 개발 시 반드시 알아두어야 할 것들

12.1 스크립트 작성

12.1.1 PrefixID

12.1.2 서비스(Server Service)는 한 번의 호출로 n개의 Dataset을 가져온다

12.1.3 한 번의 서비스로 n개의 Dataset을 가져와야 하는 이유

12.1.4 서비스(Server Service) 호출 시 Dataset 칼럼 Layout 정보 필요

12.1.5 데이터 통신방식

12.1.6 Nexacro 스크립트 작성 시 기준 잡기

12.1.7 시큐어코딩 관련하여 eval 함수 대체 방법

12.1.8 변수 Scope

12.2 Dataset

12.2.1 Dataset 속성 useclientlayout 제대로 알기

12.2.2 Dataset 칼럼 Type의 중요성

12.2.3 Dataset의 이벤트 스크립트 작성 시 주의 사항

12.2.4 Dataset 정보 스크립트로 변경 시 enableevent 속성 활용하기

12.3 Grid

12.3.1 스크립트 작성 시 col, cell 값을 이용한 Column 체크