이 책은 넥사크로를 통해 기업의 디지털 트랜스포메이션(Digital Transformation, DX)을 실현하고 엔터프라이즈 애플리케이션을 쉽게 이해하고 개발할 수 있는 종합적인 가이드를 제공합니다.

『DX를 위한 UI·UX 플랫폼 넥사크로 N』은 넥사크로를 처음 접하는 초보 개발자부터 실무 경험이 풍부한 숙련자까지 아우르는, 개발자들의 에센셜북이다.

먼저, 넥사크로의 개요와 환경 구성, 시스템 요구 사항, 넥사크로 스튜디오 설치부터 프로젝트 생성까지의 초기 설정 과정을 친철하게 안내하므로 독자들은 넥사크로의 동작 환경과 개발 준비 과정을 쉽게 이해하고 따라 할 수 있다.

넥사크로를 사용해 업무 화면을 만드는 방법을 다룬다. 화면 생성, 레이아웃 구성, 데이터 바인딩, 데이터 통신, 컴포넌트 활용 등 실무에서 자주 직면하는 문제들의 해결 방안에 대한 체계적인 설명과 구체적인 예시를 제공한다. 누구나 바로 실무에 적용할 수 있는 실용 지식이 풍부하게 담겨 있다.

또한, 디자인과 UI 측면에서 보다 효율적이고 사용하기 편한 화면을 만드는 다양한 방법을 소개한다. 넥사크로의 Theme와 XCSS를 통해 디자인 속성을 이해하고, 사용자 맞춤형 레이아웃을 구성하는 방법을 제시한다. 이를 통해 개발자는 최적의 사용자 경험을 시스템에 구현할 수 있다.

프로젝트에서 사용하는 공통 UI 구축 방법을 설명하며, UI 표준 정의와 공통 프레임 개발, 스크립트 활용 방안을 제시한다. 이는 여러 개의 팀이 협업하는 환경에서 개발 표준을 설정하고 유지하는 데 매우 유용하다. 넥사크로 개발 시 유의 사항까지 안내하므로 독자들은 실무에서 디테일까지 놓치지 않는 넥사크로 전문가가 될 수 있다.

『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 체크