Mendix개발일지

외부 Database의 데이터를 조회 해보기 위해서 ExternalDatabase를 사용해봤다.용어가 길어서 XD라고 줄여서 말하겠습니다. XD를 사용하기위해서 Connector을 다운받아야된다. 다운받고나서 사용하고 싶은 XD의 정보를 불러올 수 있다. 아랫부분을 보면 XDConnection를 선택해준다. 선택하고난 생성된 XDC를 클릭해보면 아래와 같이나오는데 정보를 채워주기만 하면된다!!  아래의 Table을 Select하기 위해서 XDC에서 AddQuery를 해주면 XD와 매핑을 담당하는 EDNon-persistable을 생성할 수 있다. 조회하기 위해서 Microflow를 사용해 해당 Entity를 불러올 수 있다. Microflow를 수행하고 해당 페이지에 돌아오면!! 데이터를 조회해서 표시해..

Calendar기능을 사용해보고싶어서 찾아보다가 MarketPlace에 있는 것을 확인했다. 캘린더에서 사용될 DomainModel이다. 캘린더 데이터의 타이틀, 색상, 시작날짜, 끝날짜 이렇게만 생성해주면 모델도 끝났다. 이제는 연동을 해주면된다. 연동에 필요한 페이지는 Model을 통해서 Generate Overview를 해주었다. New와 View를 나눠주었는데 이유는 한페이지에서 만들기 때문에 같은 파라미터를 사용하는 것이아니라 New할때는 새로운 객체를 생성한것을 사용하고 Edit일때는 기존에 데이터를 사용하기때문에 나누었다.본론으로 돌아와서 Home에서 Dataview에 Calendar을 넣어주고, 아까 생성한 Entity를 설정해준다.이렇게 되면 기본적인 설정은 끝났고 new, edit의 n..

Mendix를 사용해서 Kakao를 통한 Social Login을 구현 해보고 싶었다. 예제를 찾던도중에 MendixKakaoLogin예제를 발견하고 OIDC(Open ID Connect)를 사용하는데 OIDC란 OAuth(Open Authorization)을 기반으로 인증을 처리한다. 둘의 차이점은 OIDC는 사용자인증 및 사용자정보 제공을 하고 OAuth는 권한허가를 한다는 차이점이 있다.LoginProcess그럼 기본적인 Social Login의 프로세스는 어떻게 될지 살펴봐야된다. 문서STEP1인가 코드를 받아야된다. 인가코드란 카카오 로그인 동의화면에서 사용자 동의를 거치면 인가 코드를 발급해준다.아래는 화면을 불러오기위한 주소다. 저부분에 Client_id와 redirect_uri를 입력하면 ..

JavaAction을 사용해서 Excel데이터를 불러 오는 작업을 해보고 싶었다…작업 순서를 정해봤다.화면에서 Excel을 업로드한다.JavaAction으로 Excel 데이터를 읽는다.DomainModel에는 Template라는 기본정보를 담는 Entity와 File정보를 담는 Entity 를 정의했다.이부분은 ExcelImport의 Entity를 참고했다.화면은 간단하게 타이틀과 파일을 업로드 할 수 있다. Entity와 화면이 끝났으니 로직을 만들어줄 차례이다. 로직도 간단하게 JavaAction만 추가하고 파라미터 설정을 해주었다. 파라미터 설정도 ExcelImpoter에 있는 파라미터를 참고했다.JavaAction생성도 끝났으니 Excel을 읽는 Java소스코드를 작성할 차례이다.기본적으로 우리가..

Mendix의 built-in database가 불편해서 Mariadb를 연동 해볼려고 한다.나는 그냥 최신버전의 MariaDB를 다운받았다. msi파일을 실행시키면 금방 MariaDB를 설치할 수 있다. 설치가 완료되었다면 Mendix의 App Settings를 더블클릭해보면 Database를 설정 할 수있다. Ddatabase는 mendix라고해서 하나를 생성해주었다create database mendix; 그리고 실행을 시켜보면 mendix DB에 자동으로 Table들이 생성된다. 웹에서 아래와 같은 과정으로 데이터가 오가는 것을 확인해볼 수 있다.Client ←→ Mendix Runtime ←→ Database

Mendix에서 TreeNode를 사용해보고 원하는 기능을 구현하기에는 한계가 있어서React를 사용해서 TreeNode 를 만들어 보기로 했다.yo @mendix/widget treeNode내가 사용한 Library 는 react-sortable-tree 이다.기본UI가있으며 테마도 설정할 수 있다. React의 dependency 문제때문에 오류가 날 수도있는데 아래를 사용해서 다운하면 된다. npm install https://github.com/samarai-project/react-virtualized-fixed.git 조직도를 예제로 만들어 볼 것이다. Domain Model은 부서가 부서를 참조하게 해놨고 그이유는C레벨 > 사업부 > 사업본부 처럼 A부서가 B에속하고 C부서가 B에 속하는 형..

Mendix의 TreeNode 기능을 이용해서 조직도를 한번 만들어보기로했다.조직도예제는 아래와 같다!COO└── 사업부 └── *** 상무 └── 사업본부 └── *** 이사 └── 사업본부 └── *** 이사 부서에서 상위부서를 참조하기 때문에 아래와 비슷한 형식의 Model로 설계를 해주겠다.부서 ID 부서명 상위 부서 ID1경영진NULL2재무부13인사부14연구개발부15마케팅 부서16IT 부서47개발팀6 부서는 부서와 Association하고 상위 부서를 가져올수있게 했다. 그러면 위에서 말한 것과 같이 데이터를 생성할 수 있다. 간략하게 입력한 데이터를 본다면 아래와 같다 부서가있고 어느 부서는 상위 부서를 참조한다.예시로 COO > 전략실, COO >..

도대체가 이놈의 Mendix 위젯은 지원안되는 부분이 너무많다… 물론 Mendix의 기본기능만 복잡하지 않은 요구사항을 만족 시킬 수 있다면 나쁘지는 않다… 하지만어제 나온 selectBox 요구사항을 충족시키고 싶어서 React의 SelectBox를 하나 만들어봤다.Microflow를 사용해서 원하는 데이터만 가져올 것이다.예로 과일이면 grape, strawberry, pineapple, apple이 있다고 한다면apple이 포함된 과일만 가져온다.selectBox에 데이터를 표시하고싶다.그러면 시작해보겠다…일단은 우리가 사용할 데이터 부터 만들어 주었다. 그런다음 React 를 사용해서 SelectWidget을 하나만들었다 아래의 소스코드는 SelectBox를 만드는 소스코드이다.React 부분이 ..

저번에는 Widget Exam을 해보았다면 이번에는 정말 만들어보고 싶은 것을 만들어 볼 것이다.Library를 사용하고 Datasource 에 있는 데이터를 Grid.js 를 사용해서 보여주는 것을 만들어볼 예정이다.먼저 다운로드를 받아주자!!npm install --save gridjs && npm install --save gridjs-react Grid.js 의 사용법을 알아야지 진행을 할 수 있어서 사용법부터 한번 살펴보겠다.정말 간단하게 표 형태의 Grid를 구현할 수 있다. 그렇다면 내가 하고싶은 Datasource 에서 데이터를 가져와서 뿌려주기 위해서는 어떻게 해야될까??일단은 Mendix React 프로젝트를 하나 생성하고 [Module].xml에 아래를 추가한다.아래의 내용은 Data..

Widget을 개발하기 위한 dependency 는 node, yeoman, @mendix/generator-widget 이렇게 있다.Node LTS ( 다운로드 )npm install -g yo ( YEOMAN 다운로드 )npm install -g @mendix/generator-widget ( mendix 의존성 다운 )Mendix프로젝트를 생성한 후에 위젯폴더를 생성 cd myPluggableWidgets 이동후에 yo @mendix/widget characterCounter YEOMAN명령어를 입력!!아래와같이 해주면 YEOMAN이 @mendix/widget 의 프로젝트를 바로 만들어준다. Node를 사용해본사람이면 알텐데 Dependency 문제는 아주 속이터진다… 그런데 이렇게 명령어 한줄로 ..