로우 코드 애플리케이션 유지 관리

로우 코드 소프트웨어 도구는 개발자들이 반복적인 코딩 작업에서 벗어나 고수준의 앱 요구사항에 집중할 수 있도록 함으로써 모바일 애플리케이션 개발 속도를 높일 수 있습니다. 그러나 일부 개발자, 프로젝트 관리자, 심지어 전체 기업에서는 로우 코드 도구에 대해 여전히 우려를 표하고 있습니다. 이러한 관계자들은 시간이 지남에 따라 로우 코드 앱의 테스트 및 유지 보수가 더 어렵고 비용이 많이 들 것이라고 생각합니다.

하지만 모든 로우 코드 또는 RMAD(Rapid Mobile App Development, 빠른 모바일 앱 개발) 도구가 다 똑같지는 않습니다. 단순히 코드 생성기로 연결된 사용자 인터페이스를 제공하고, 미리 정의된 템플릿을 사용하여 앱을 만드는 로우 코드 도구는 경험이 부족한 개발자에게 매력적일 수 있습니다. 하지만 문제가 발생하면, 숙련된 프로그래머가 각 모바일 운영체제에 맞는 코드를 진단하고 수정하여 해결책을 만들어야 할 수도 있습니다.

MobileTogether는 [mobile-app-debugging|다양한 운영체제에서 사용할 수 있는, 기존의 방식과는 다른 차별화된 RMAD(Rich Media Authoring and Delivery) 도구입니다. MobileTogether는 드래그 앤 드롭 방식의 사용자 인터페이스 디자인, 이벤트 처리를 위한 강력한 시각적 액션 트리 언어, 그리고 데이터 선택 및 처리를 위한 표준화된 함수형 프로그래밍을 결합하여 사용합니다. MobileTogether에는 내장된 시뮬레이터 창이 있어 앱의 로직을 즉시 테스트하고, 다양한 iOS, Android, Windows 및 기타 기기에서 앱이 어떻게 표시될지 미리 확인하며, 실행 중인 워크플로우 데이터의 변화를 확인할 수 있습니다. 또한, MobileTogether는 정교한 자동 테스트 기능과 내장 디버거를 제공하여 [앱을 테스트하고 오류를 수정합니다]] 정밀하게 분석하고, 디자인 환경 내에서 앱의 작동 방식을 직접 확인할 수 있습니다.

이제 MobileTogether에서 실제 앱 유지보수 요구사항이 어떻게 간소화되는지 살펴보겠습니다.

저희는 원래 "Where Am I"라는 지리 위치 앱을 개발했는데, 이 앱은 모바일 운영체제의 기능을 보완하기 위해 다섯 가지 별도의 API 서비스를 통해 실시간 데이터를 제공합니다. 아래는 MobileTogether 시뮬레이터에서 볼 수 있는 앱의 주요 화면입니다

각 이미지는 추가 정보를 얻기 위한 기능 버튼입니다. 예를 들어, 항공 사진을 저장하거나, 위치 정보를 담은 문자 메시지를 보내거나, 지도에서 해당 위치를 확인하거나, 교통 상황을 확인하거나, 주변의 랜드마크를 찾거나, 날씨 예보를 확인하거나, 예정된 이벤트를 확인하거나, 주변의 편의 시설을 검색할 수 있습니다.

이 앱은 업데이트가 필요합니다. 이벤트 목록 API는 제공업체에 의해 서비스가 중단되었으며, 항공 사진 API는 더 이상 무료 API 키를 제공하지 않습니다. 또한, 원래 개발 이후의 모바일 기기 운영체제 업데이트도 고려해야 하며, 특히 안드로이드의 경우 더욱 그렇습니다.

로우 코드 애플리케이션을 원래 개발 환경에서 유지 관리하는 방법

문제의 API와 관련된 모든 기능을 제거하면, 더욱 간결하면서도 유용하고 세련된 모바일 앱을 만들 수 있습니다. 이러한 변경 사항은 앱이 처음 제작된 MobileTogether Designer에서 모두 적용할 수 있습니다. 또한, 앱을 한 번 수정하면 모든 운영체제 버전에서 업데이트가 가능합니다.

위의 MobileTogether 시뮬레이터 이미지에 표시된 캘린더 아이콘 버튼은 더 이상 사용되지 않는 이벤트 API를 호출합니다. 사용자의 기능을 제거하기 위해 이미지를 삭제할 수 있지만, 그렇게 하면 앱 내에 실행 경로가 없는 요소들이 남게 됩니다. MobileTogether에는 더 이상 필요하지 않은 데이터 구조, 액션 그룹 및 기타 기능들을 쉽게 식별하고 제거할 수 있는 기능이 포함되어 있습니다.

다음은 MobileTogether 디자이너에서 주요 작업 앱 페이지의 일부 화면입니다

달력 이미지 선택 시, 팝업 메시지가 나타나며, 이 메시지는 사용자가 이미지를 클릭했을 때 수행되는 작업을 요약하여 보여줍니다. 이미지를 삭제하면 이벤트 목록 기능이 제거되지만, 직접적인 작업은 삭제되더라도 하위 페이지, 작업 그룹 또는 데이터 소스는 삭제되지 않습니다.

불필요한 하위 페이지를 수정하거나 삭제합니다

MobileTogether Pages 도우미 창에는 앱에 포함된 모든 주요 페이지, 하위 페이지, 그리고 컨트롤 템플릿 목록이 표시됩니다.

"이벤트" 버튼은 달력 모양의 아이콘이며, 이 버튼을 클릭해야 "오늘의 이벤트" 하위 페이지가 열립니다. 이 버튼을 삭제하면 해당 하위 페이지도 함께 삭제됩니다. 하지만 먼저 해당 하위 페이지의 내용을 살펴보겠습니다.

페이지 소스 데이터 트리를 업데이트합니다

MobileTogether 디자이너에서 서브 페이지를 열면, "페이지 소스" 도우미 창에 서브 페이지의 데이터 트리가 표시됩니다. 이 데이터 트리는 이벤트 API에서 반환되는 데이터가 저장된 곳입니다.

오른쪽 클릭 메뉴 옵션을 사용하면, API를 실행하는 주요 작업 페이지 외에 해당 데이터 구조를 사용하는 다른 페이지가 있는지 확인할 수 있습니다.

이 데이터 소스는 더 이상 필요하지 않습니다. 앱에서 삭제해도 됩니다.

사용하지 않는 함수와 작업 그룹을 제거합니다

이벤트 하위 페이지와 캘린더 아이콘을 메인 작업 페이지에서 제거한 후, 프로젝트 메뉴에는 고아 상태로 남아 있는 사용자 함수 및 작업 그룹을 식별하는 옵션들이 포함됩니다

사용되지 않는 기능 및 작업 그룹은 삭제할 수 있습니다.

항공 사진 기능을 제거하는 과정 또한 유사합니다. 이 기능은 유료 API 구독이 필요합니다.

운영체제 변경에 대응하기 위한 로우 코드 애플리케이션 유지 관리

"Where Am I" 앱의 초기 버전은 안드로이드와 iOS 기기에서 서로 다른 탐색 기능을 제공했습니다. 안드로이드 버전은 내장된 뒤로 가기 버튼을 사용하여 하위 페이지를 닫고 메인 화면으로 돌아갔습니다. 하지만 안드로이드의 뒤로 가기 버튼은 문제가 있습니다. 모든 기기에서 동일하게 작동하지 않으며, 최신 안드로이드 버전에서는 뒤로 가기 버튼이 앱 내에서 직관적이지 않을 수 있는 제스처로 대체됩니다.

iOS 버전에서는 페이지 제목 표시줄에 탐색을 위한 "뒤로" 버튼이 표시됩니다

"뒤로 가기" 버튼은 "표시 여부" 속성을 통해 설정되었으며, 이 속성은 해당 버튼이 iOS 기기에서만 표시되도록 지정합니다.

iOS에 대한 의존성 설정을 제거하면, 모든 기기에서 동일한 "뒤로" 버튼 기능을 사용할 수 있습니다.

마지막으로, 앱의 인터페이스를 개선하기 위해 큰 아이콘들의 크기를 조정하고, 복사-붙여넣기 기능을 사용하여 화면 상에서의 아이콘 배치 순서를 재정렬했습니다. 최종적으로 수정된 앱의 모습은 아이폰과 안드로이드 폰에서 다음과 같습니다

MobileTogether를 사용하면 로우 코드 앱을 얼마나 효율적으로 관리할 수 있는지 직접 확인해 보세요. MobileTogether의 동영상 데모를 확인하거나, 샘플 앱을 살펴보거나, 모든 정보를 얻으려면 온라인 매뉴얼을 참고하세요. 크로스 플랫폼 모바일 앱 개발 프로젝트를 시작할 준비가 되셨다면, MobileTogether 디자이너를 다운로드하여 시작하세요. 이 글에서 설명된 "Where Am I" 앱은 GitHub에서 이용 가능합니다.