LowCode (Mendix) Advanced/Build a Pluggable Widget 4

Build and Share your Widget

학습 목표이 모듈을 마치면 다음을 수행 할 수 있습니다.위젯 구축위젯을 다른 앱 또는 Marketplace에 공유Mendix 프로젝트 간 위젯 공유위젯을 Mendix 프로젝트에서 별도의 폴더로 이동합니다.projects│└───My_First_Widget 프로젝트의 위치와 위젯의 위치는 이제 다음과 같습니다.이제 projectPath를 알맞게 변경해주면 됩니다.   package.json ( 기존 ) "config": { "projectPath": "../../", }, package.json ( 변경 후 ) "config": { "projectPath": "../../My_First_Widget", }, package.json ( 다른 프로젝트 생성 시 ) "config": { ..

Connecting Mendix Data and Our Widget

학습 목표이 모듈을 마치면 다음을 수행 할 수 있습니다.위젯의 수명 주기 설명위젯 개선위젯의 수명 주기한 걸음 물러서서 Mendix에서 데이터를 가져와 위젯에 표시하는 방법을 살펴보겠습니다.Mendix는 위젯이 Mendix의 데이터를 사용하고 상호 작용할 수 있도록 많은 유용한 API를 노출합니다.Micro 및 Nanoflows와 같은 작업을 트리거하는 API도 있습니다.위젯을 Mendix에 "연결"하는 방법은 단순히 다음 항목에 속성을 추가하는 것입니다.src/CharacterCounter.xml 바로 아래 예시는 따라 할 필요X  /  흐름만 파악하기예시)다음에서 정의합니다. CharacterCounter.xml Add String  Mendix에서 실행하고 동..

Setting Up

만들 위젯 ▼사용자에게 몇 글자가 남았는지 보여주고 싶습니다. 예를 들어, Twitter는 입력할 때 색상으로 채워지는 원 애니메이션으로 이를 나타냅니다. 학습 목표이 모듈을 마치면 다음을 수행 할 수 있습니다.위젯에 스캐폴딩 적용 (scaffolding)위젯 생성1. node 설치 확인PowerShell 혹은 명령 프롬프트 화면에서2. Yeoman ,  Mendix 플러그형 위젯 생성기 설치 Yoeman이란Yeoman은 생산성을 유지하는 데 도움이 되는 모범 사례와 도구를 처방하여 새로운 프로젝트를 시작하는 데 도움을 줍니다.npm install -g yonpm install -g @mendix/generator-widget  3. 위젯 생성터미널을 열고 Mendix Project 루트 폴더로 이동합니..

플러그형 위젯 & 스캐폴딩 이란?

플러그형 위젯이란?Mendix Documentation 에서 플러그형 위젯은 다음과 같이 정의됩니다.Pluggable web widgets are the new generation of custom-built widgets. These widgets are based on React and use a different architecture than the older custom widgets based on Dojo. With pluggable web widgets, you can develop powerful tools in simple, precise ways. In the first part of this series, you will learn to create a text input widge..