따라서 Mendix 8개의 공지사항 Mendix World 2019는 고객, 파트너, 동료로부터 받은 많은 긍정적인 반응에서 알 수 있듯이 엄청난 영향을 미쳤습니다. 오늘 저는 공개 베타 릴리스를 발표하게 되어 매우 기쁩니다. Mendix 스튜디오 프로 8!
따라서 Mendix 8 릴리스는 여러분의 손에 새로운 기능을 제공하는 여러 발표 중 첫 번째를 나타냅니다. Mendix Studio Pro(이전 명칭 Desktop Modeler)는 세계에서 가장 정교한 로우코드 개발 환경 개발자에게 제어권을 제공하는 동시에 확장성이 뛰어납니다. 또한, Mendix Studio(이전 명칭 Web Modeler)가 이제 빛을 보게 되었습니다. 세계에서 가장 강력한 무코드 개발 환경으로서, Mendix Studio를 사용하면 비즈니스에 종사하는 사람들이 최초의 앱을 쉽게 빌드할 수 있습니다. 자세한 내용은 Mendix 스튜디오에 대한 자세한 내용은 다음 블로그 게시물에서 알려드리겠습니다!
오늘은 로우코드를 이용한 방법에 대해 알아보겠습니다. Mendix Studio Pro 8을 사용하면 소비자 수준의 경험을 제공하는 진정한 네이티브 모바일 앱을 빌드할 수 있습니다. 이는 단순한 기능이 아니라 중요한 새로운 역량입니다. 전통적으로 네이티브 모바일 개발은 매우 복잡하고 비용이 많이 들지만, 저희는 로우코드 방식을 통해 이를 접근 가능하게 만들고 있습니다. 그리고 이는 단일 모델에서 여러 플랫폼에 적용됩니다.
우리는 이런 일을 처음 시도했습니다.
왜 네이티브 모바일인가?
지난 몇 년 동안 사용자 경험에 대한 기대가 증가하고 모바일 기기가 더욱 강력해졌으며 모바일이 주요 채널이 되었습니다. 예를 들어, 뱅킹의 경우 많은 사용자가 사용 편의성과 지문만으로 결제할 수 있는 옵션 때문에 웹사이트 대신 모바일 앱을 사용합니다. 소비자를 위한 앱을 구축할 때 사용자 경험은 중요한데, UX가 좋지 않으면 브랜드 손상, 전환 감소, 사용자가 경쟁사로 전환될 수 있기 때문입니다.
훌륭한 사용자 경험은 소비자 앱에만 중요한 것이 아닙니다. 또한 UX가 중요하고 새로운(혁신적인) 비즈니스 모델이 네이티브 모바일 기술을 통해 가능해지는 B2B 앱에 대한 많은 사용 사례도 있습니다. 보일러를 판매하고 이를 설치하고 유지 관리하는 다른 회사에 의존하는 회사를 생각해 보세요. 이 회사는 보일러와 연결되는(빠른 설치 및 검사를 위해) 훌륭한 네이티브 앱을 정비사에게 제공할 수 있으며, 이를 사용하여 새 부품을 주문하거나 새 보일러를 판매할 수 있습니다. 정비사의 효율성을 높이면 브랜드 채택이 증가하여 매출이 증가할 수 있습니다.
네이티브 모바일은 직원의 효율성을 높일 수 있으므로 기업 대 직원 시나리오에서도 큰 가치가 있습니다. 이 모든 것은 네이티브 기기 기능 활용, 다른 기기 및 사물과 통신하는 옵션, 연결 없이 작업 수행과 함께 진행됩니다. 연결이 없거나 연결이 허용되지 않는 공장의 원격 위치에서 검사를 해야 하는 현장 서비스 엔지니어를 상상해 보세요. 기계에 연결하고, 센서 데이터를 읽고, 수행할 작업에 대한 지침을 제공할 수 있는 오프라인 가능 앱은 엔지니어가 연결 없이도 훨씬 더 효율적이고 오류가 덜 발생하도록 해줍니다.
고객과 직원에게 원하고 마땅히 누려야 할 경험을 제공하기 위해서는 네이티브 모바일을 활용하는 것이 필수입니다.
차세대 모바일 앱을 구축하기 위해 우리는 Mendix 아래의 측면을 매우 중요하게 생각하세요.
- 진정한 네이티브 기술을 사용한 최고의 사용자 경험
네이티브 모바일 기술을 사용하면 개발자는 성능, 민첩성, 탐색 및 제스처(뒤로 돌아가기 위한 스와이프 등) 측면에서 사용자가 기대하는 대로 동작하는 진정한 네이티브 앱을 빌드할 수 있습니다. 여기에는 생체 인증, 카메라 기능, 블루투스 및 증강 현실과 같은 최신 기술과 같이 오늘날 기기가 제공하는 강력한 기능을 활용하는 것이 수반됩니다. 네이티브 기술을 통해서만 높은 수준의 사용자 경험을 얻고 이러한 모든 기기 기능을 활용할 수 있습니다.
2. 오프라인 우선 접근 방식을 통한 신뢰성 및 속도
훌륭한 사용자 경험은 네이티브 기술로만 달성되는 것이 아닙니다. 연결이 거의 없거나 전혀 없을 때에도 사용자가 항상 작업을 수행할 수 있는 것이 매우 중요합니다(생각보다 자주 발생합니다). 교통사고를 당해서 보험사 앱을 사용할 수 없거나, 엔지니어가 위치를 조사해야 하지만 연결이 없어서 그렇게 할 수 없는 상황을 상상해 보세요. 연결이 없어서 사용자 경험이 나빠지는 사례는 이 외에도 많이 있습니다.
사용자가 끊임없이 연결에 의존하고 있고 연결이 느리면 앱도 느리게 작동한다는 점을 기억하는 것이 중요합니다. 이는 다시 사용자 경험이 나빠지는 결과를 낳습니다.
우리는 연결 상태에 관계없이 항상 작동하는 앱을 구축하려는 강력한 수요를 봅니다. 그래서 우리는 오프라인 우선 접근 방식을 채택했습니다. 이는 연결에 의존하지 않지만 연결이 있는 경우 연결을 사용할 수 있습니다. 오프라인 우선에 대한 자세한 내용은 계속 읽어보세요.
3. 훌륭하고 강력한 개발자 경험
그래서 우리는 아름다운 앱을 빠르게 빌드하고 강력한 기기 기능을 쉽게 활용할 수 있도록 하는 기본 모바일 중심 기능을 추가했습니다.
더욱이, 네이티브 기술은 하이브리드/웹 기술을 사용하는 것에 비해 개발자 경험을 개선하는 데 도움이 됩니다. 개발자가 네이티브 동작을 모방하거나 웹 기술 관련 모바일 문제를 처리하는 데 시간을 할애할 필요가 없기 때문입니다.
4. 최첨단 & 미래 지향적 기술: React Native
우리가 사용하는 기본 기술에 대해 네이티브에 반응하다, Facebook에서 시작한 널리 채택되고 매우 인기 있는 오픈소스 프레임워크입니다. React Native를 사용하여 만든 앱의 훌륭한 쇼케이스가 몇 가지 있으며, 우리는 동일한 기술을 사용하고 있습니다!
더욱 멋진 쇼케이스를 보려면 다음을 참조하세요. React Native를 사용하는 사람은 누구인가요?.
React Native의 또 다른 장점은 뛰어난 시각화를 위한 구성 요소를 구축하고 장치 기능을 활용하여 쉽게 통합할 수 있는 구성 요소를 구축하는 대규모 개발자 커뮤니티가 있다는 것입니다. Mendix 앱. 이 대규모 커뮤니티와 React Native의 광범위한 채택으로 인해, 이들은 활발하게 유지 관리되는 고품질 구성 요소입니다.
어떻게 진행합니까?
이 모든 것을 가능하게 하기 위해 우리는 플랫폼에 훌륭한 기능을 구축할 수 있는 여러 가지 새로운 기능과 성능을 추가했습니다. 기본 모바일 앱.
새로운 네이티브 탐색 프로필
의 강점 Mendix 탐색 프로필을 사용하여 단일 앱에서 다양한 채널을 통해 기능을 노출할 수 있다는 것입니다. 네이티브 모바일이 새로운 탐색 프로필로 추가되었는데, 즉 기존 채널(예: 웹 및 하이브리드 앱) 옆에 네이티브 모바일 앱을 추가할 수 있다는 의미입니다.
유사한 개발자 경험
당신은 구축 할 수 있습니다 Mendix 네이티브 모바일 앱은 웹 및 하이브리드 모바일 앱을 빌드하는 것과 같은 방식으로 사용할 수 있습니다. 익숙한 모든 Mendix 페이지, 위젯, 나노플로, JavaScript 액션, 마이크로플로와 같은 구성 요소를 사용하여 네이티브 앱을 빌드합니다.
그러나 네이티브 앱을 빌드하는 것과 하이브리드 앱을 빌드하는 것에는 몇 가지 차이점이 있습니다. 예를 들어, 모바일 사용을 최적화하기 위해 위젯 세트(및 사용 가능한 속성)가 약간 다릅니다. 더 구체적으로 말하면, 이제 목록 보기에서 풀다운 동작을 선택하여 새로 고침할 수 있습니다.
우리는 협력을 매우 중요하게 생각합니다 Mendix, 그래서 각각 Mendix 기본 모바일 앱에는 사용자가 앱에 대한 피드백을 제공할 수 있는 피드백 위젯이 함께 제공됩니다.
또 다른 흥미로운 새로운 기능은 앱의 로그인 프로세스를 완전히 모델링할 수 있다는 것입니다. 이를 통해 개발자는 훌륭한 인증 경험을 만들 수 있습니다. 이를 쉽게 하기 위해 표준 로그인 페이지와 생체 인증이 기본 제공됩니다.
요약하자면, 훌륭한 모바일 앱을 구축하려면 모바일 전문가가 될 필요는 없습니다. 기존의 Mendix 지식만 있으면 된다.
네이티브 앱 만들기
Make It Native 모바일 앱을 사용하면 장치에서 모바일 앱을 빠르게 미리 보고 테스트할 수 있습니다. Android iOS). 앱을 변경할 때 재생 버튼을 누르면 앱이 자동으로 다시 로드되어 변경 사항이 표시되고 원래 상태는 유지되므로 동일한 데이터로 동일한 페이지에 있을 수 있습니다. 이렇게 하면 피드백 주기가 매우 짧아집니다. 여기에 간단한 세 손가락 탭을 사용하여 예를 들어 스타일을 변경한 후 앱을 다시 로드할 수 있습니다.
네이티브 모바일 퀵스타트 앱
우리는 네이티브 모바일 퀵스타트 앱 Mendix App Store는 네이티브 모바일 앱을 빠르게 빌드할 수 있는 스타터 앱입니다. 바로 실행할 수 있으며, 기기 기능을 활용하는 모든 네이티브 위젯과 액션이 포함되어 있습니다.
테마 및 스타일링
Atlas UI에는 이제 네이티브 모바일을 위한 아름다운 아웃 오브 더 박스 테마가 포함되어 있습니다. 이것은 페이지 템플릿 외에도 모든 위젯에 대한 스타일과 변형이 포함된 완전한 테마입니다. 앞으로 더 많은 페이지 템플릿이 추가될 예정입니다.
Mendix 위젯에는 위젯의 모양에 영향을 주는 일반적인 스타일 옵션 외에도 위젯 주위의 간격 등 다른 여러 유용한 옵션을 쉽게 구성할 수 있는 디자인 속성이 포함되어 있습니다.
테마와 스타일링은 SASS/CSS 대신 JavaScript를 기반으로 하며 모바일 사용 사례에 최적화되어 있습니다. 좋은 UX를 위해 CSS 트릭을 적용해야 했던 시절은 이 모바일 최적화 스타일링으로 끝났습니다! 이것이 CSS와 비슷하다는 것을 아는 것은 좋지만, 꽤 많은 차이점도 있습니다. 자세한 내용은 다음을 참조하세요. 네이티브 스타일링 네이티브 모바일 앱을 만들고 테스트하는 방법 인간을 Mendix 선적 서류 비치.
스타일링이 JavaScript 기반이기 때문에 JavaScript 함수와 변수를 사용할 수 있으며, 이는 매우 강력할 수 있습니다. 단일 변수를 뒤집어서 다크 테마를 얻을 수 있습니다. 얼마나 멋진가요?
새로운 나노플로우 동작
이 릴리스에서는 50개 이상의 새로운 nanoflow 활동을 추가했습니다! Native Mobile Quickstart 앱에 포함했지만 두 개의 모듈을 통해 다운로드할 수도 있습니다. Mendix 앱 스토어.
따라서 네이티브 모바일 리소스 모듈에는 카메라, 위치, 지문, 저장 공간과 같은 기본 장치 기능과 탐색, 데이터 공유, 알림 표시 등의 다른 장치 기능을 활용하는 기본 모바일 관련 나노플로우 활동이 포함되어 있습니다.
네이티브 모바일 리소스 외에도 다음이 있습니다. 나노플로우커먼즈 이 모듈에는 네이티브 앱뿐만 아니라 웹 및 하이브리드 앱에도 사용할 수 있는 보다 일반적인 작업이 포함되어 있습니다.
마지막으로, 다음의 나노플로우 작업을 Studio Pro에 직접 추가했습니다: 목록 작업, 목록 집계 및 메시지 표시.
통합 편집기를 사용한 JavaScript 작업
다른 큰 특징 Mendix 8은 이제 JavaScript를 사용하여 자체 나노플로우 액션을 빌드할 수 있다는 것입니다. 이러한 플러그형 나노플로우 액션(Studio Pro에서는 JavaScript 액션이라고 함)은 장치 기능을 활용하거나 모든 유형의 논리를 수행하는 데 사용할 수 있습니다. JavaScript 액션은 이미 Mendix 개발자는 Java 액션과 유사하기 때문입니다. 그리고 Java 액션의 가장 사랑받는 기능을 사용할 수 있습니다. 다양한 매개변수 유형, Studio Pro Toolbox에서 nanoflow 활동으로 노출, 공개 또는 비공개를 통한 패키징 및 배포 Mendix 앱 스토어.
JavaScript 작업을 실제로 돋보이게 만드는 것은 작업 창을 떠나지 않고도 작업을 편집할 수 있다는 것입니다. Mendix Studio Pro. JavaScript 작업 문서의 코드 탭 내부에 통합된 강력한 편집기가 있습니다. 이는 다음을 기반으로 합니다. 모나코 퍼블리셔가장 인기 있는 IDE를 구동하는 편집기입니다. Visual Studio 코드. 이 편집기는 스마트 컨텍스트 인식 자동 완성, 웹에 내장된 문서 등을 지원하므로 뛰어난 경험을 제공합니다. Mendix API, 올바른 들여쓰기, 코드 친화적인 단축키.
JavaScript 액션은 UI 구성 요소와 액션을 더 잘 분리함으로써 새로운 가능성의 세계를 열고 개발자 경험을 개선합니다. 자체 JavaScript 액션을 빌드하는 방법에 대한 자세한 내용은 다음을 참조하세요. JavaScript 액션을 작성하는 방법.
네이티브 위젯
이 릴리스에서는 바로 풍부한 앱을 만들기 시작할 수 있도록 훌륭한 위젯 세트를 포함했습니다. 텍스트, 입력 유형, 버튼, 목록, 컨테이너, 탭 컨테이너와 같은 많은 핵심 위젯을 사용할 수 있습니다. 그리고 이제 맵 위젯, 진행률 표시줄, 진행률 원, 슬라이더, 플로팅 작업 버튼, 배지, 로딩 표시기, 웹 뷰가 있습니다. 이러한 위젯은 모바일에 최적화되어 있습니다. 예를 들어, 입력은 기본 컨트롤과 적절한 키보드 유형을 사용하고, 탭은 멋지게 애니메이션화되고, 스와이프는 매끄럽게 작동합니다.
여기서는 몇 가지 변형이 있는 위젯의 예를 볼 수 있습니다.
이러한 모든 위젯은 Native Mobile Quickstart 앱에서 찾을 수 있거나 Native Mobile Resources 모듈에서 별도로 다운로드할 수 있습니다. Mendix 앱 스토어.
나만의 위젯 만들기
바로 사용할 수 있는 모든 위젯 외에도, 우리는 사용자가 직접 위젯을 빌드하는 것을 더 쉽게 만들었습니다. 이를 플러그형 위젯이라고 하며, 현대적이고 인기 있는 기술을 사용합니다. 네이티브 모바일용 위젯을 빌드하는 것은 기본적으로 React(네이티브) 구성 요소를 빌드하는 것과 동일하므로 기존 JavaScript 개발 기술을 쉽게 활용할 수 있습니다.
여러분을 더욱 지원하기 위해 위젯 프로젝트를 쉽게 생성하는 데 사용할 수 있는 Yeoman 생성기를 출시했습니다. 이를 통해 빠르게 시작하고 실행할 수 있으며 빠르고 쉬운 개발자 흐름을 만들 수 있습니다. 이 생성기를 사용하여 JavaScript 또는 TypeScript를 기반으로 네이티브 모바일 앱과 웹 및 하이브리드 앱용 위젯을 만들 수 있습니다. 생성기에는 템플릿을 기반으로 빈 프로젝트를 만들고 테스트 케이스를 생성하는 등 다양한 옵션이 포함되어 있습니다.
쉽게 통합할 수 있는 오픈 소스 React Native 구성 요소가 많이 있으며, 또 다른 강력한 기능은 외부 종속성을 사용하고 이를 통해 설치하는 옵션입니다. npm.
이 글을 읽은 후 플러그인 위젯을 직접 빌드하려면 다음을 확인하세요. 플러그인 위젯 빌드 사용 방법 문서.
오프라인 우선
앞서 언급했듯이, 사용자에게 우수한 경험과 안정적인 앱을 제공하려면 오프라인 우선 접근 방식을 취하는 것이 중요합니다. Mendix 8에는 이러한 작업을 그 어느 때보다 쉽게 수행할 수 있는 몇 가지 새로운 기능이 추가되었습니다.
기본적으로, Mendix 자동으로 앱의 데이터 모델을 분석하여 오프라인 탐색 프로필 내에서 사용된 페이지와 나노플로에 따라 어떤 엔터티를 동기화해야 하는지 결정합니다. 이 릴리스에서는 기본 동기화 구성을 최적화하기 위해 구성 가능한 동기화를 추가했습니다. XPath 제약 조건을 사용하여 다운로드되는 항목을 제한할 수 있습니다. 또한 엔터티에 대한 다운로드를 비활성화할 수 있으며, 이는 개체만 업로드해야 하는 경우(예: "피드백" 엔터티)에 매우 유용할 수 있습니다. 이 구성은 탐색 프로필에서 찾을 수 있습니다.
오프라인 우선 앱을 보다 쉽게 만들 수 있는 몇 가지 유용한 기능을 추가했습니다. 나노플로우의 검색 활동에서 XPath 표현식 지원, 데이터 뷰의 데이터 소스로 나노플로우를 사용하는 옵션, 나노플로우 활동인 목록 작업, 목록 집계, 메시지 표시에 대한 지원이 추가되었습니다.
오프라인 우선 기능이 작동하는 방식에 대한 자세한 내용은 다음을 참조하세요. 오프라인-퍼스트 인간을 Mendix 선적 서류 비치.
무엇 향후 계획
베타 기간 동안 우리는 고객 및 파트너와 적극적으로 협력하여 피드백을 수집하고 이를 사용하여 제품을 개선할 것입니다. 다가올 릴리스를 위해 작업할 몇 가지 주제는 다음과 같습니다.
- 앱 ID, 이름, 아이콘, 시작 화면 등의 설정에 따라 바이너리(APK 및 IPA)를 빌드할 수 있는 앱 스토어 게시
- 서브나노플로우는 다른 나노플로우 내부에서 나노플로우를 재사용하는 것을 의미합니다.
- 오프라인 앱을 위한 중요한 기능인 nanoflow에서 microflow를 호출하여 서버에서 로직을 수행하거나 데이터를 동기화할 수 있습니다.
- 햄버거 메뉴와 같은 레이아웃에서 더 많은 기본 페이지 템플릿, 위젯, 기능 및 유연성
스니펫 및 빌딩 블록 지원
이미 하이브리드 모바일 앱이 있는 경우에는 어떻게 하나요?
위에서 언급했듯이, 네이티브 모바일은 새로운 채널(탐색 프로필을 통해)로 제공되며, 하이브리드 프로필 옆에 추가할 수 있습니다. 이를 통해 단일 모델에서 하이브리드 모바일 앱 바로 옆에 네이티브 모바일 앱을 빌드할 수 있습니다.
도메인 모델, 나노플로, 마이크로플로, 통합과 같은 하이브리드 앱의 다양한 부분을 네이티브 모바일 앱에서 재사용할 수 있습니다. 네이티브 모바일용 페이지는 레이아웃이 다르므로 레이아웃을 변경하여 페이지를 네이티브 페이지로 변환할 수 있습니다. 그러나 네이티브 페이지는 위젯과 속성 세트가 다르므로 해결해야 할 일관성 오류가 발생합니다.
스타일링은 JavaScript를 기반으로 하고 모바일 사용에 최적화되어 있기 때문에 네이티브 모바일 앱에 맞게 특별히 만들어야 합니다. 뛰어난 사용자 경험을 제공하기 위해 어쨌든 그렇게 하고 싶을 것입니다.
새로운 앱의 경우 이러한 네이티브 모바일 기능을 활용하는 것이 좋습니다. 그러나 하이브리드 모바일 앱을 네이티브 앱으로 마이그레이션할지 여부는 특정 상황과 비즈니스 사례에 따라 결정해야 합니다. 베타 기간 동안 네이티브 모바일을 언제, 어떻게 사용할 수 있는지 알아보기 위해 첫인상을 얻을 수 있습니다.
어떻게 시작할 수 있습니까?
시작하기를 기다릴 수 없나요? 빠른 방법을 찾을 수 있습니다. 여기에서 확인하세요 몇 분 안에 첫 번째 네이티브 모바일 앱을 구축하는 데 도움이 되는 가이드입니다. 곧 교육 모듈도 제공될 예정입니다. Mendix Academy.
Mendix Studio Pro 8.0.0(베타)은 다음에서 다운로드할 수 있습니다. Mendix 앱 스토어 그리고 릴리스 노트를 찾을 수 있습니다 여기에서 확인하세요베타 릴리스에 대한 자세한 내용은 다음을 참조하세요. 무엇인가 Mendix 베타 기능?.
네이티브로 만들어 보세요!
여러분은 모두 메이커이고, 우리는 여러분이 어떤 창의적이고 혁신적인 모바일 앱을 만들 것인지 기대하고 있습니다! 여러분의 피드백을 듣고 여러분이 가진 사용 사례에 대해 더 많이 듣고 싶습니다. Mendix 네이티브 모바일 앱. 언제든지 저에게 연락하세요. [이메일 보호]. 제품 문제는 다음 주소로 문의하세요. Mendix 고객 지원 또는 질문을 게시하세요 포럼.
