모듈화 및 리팩토링

앱 개발, 테스트 및 유지 보수 프로세스를 효율화합니다

  • 재사용 가능한 UI 동작을 위한 제어 템플릿
  • 재사용 가능한 모듈 내에서 그룹 디자인 요소 구성
  • 모듈 전체에 디자인 속성을 적용합니다
  • 자동 모듈 명명 규칙 지원
  • 색상으로 구분된 모듈로, 쉽게 식별할 수 있습니다
  • 프로젝트 간에 재사용할 수 있는 서버 동작 관련 라이브러리
  • 포괄적인 리팩토링 도구들
  • 세부 프로젝트는 효율적인 프로젝트 관리를 가능하게 합니다
  • 서버 라이브러리를 통해 컴파일 없이 업데이트를 배포합니다

앱 개발에서의 모듈화

앱 개발에서 모듈화는 앱 구성 요소를 효율적으로 구성하고 개발팀 내 협업을 촉진하는 방법입니다. 모듈화 방식은 또한 테스트를 용이하게 합니다 디버깅 (오류 수정)그리고 앱 또는 기업 솔루션의 유지 보수를 더욱 쉽고 간편하게 만들어줍니다.

MobileTogether는 효율성과 협업을 향상시키는 다양한 방식으로 모듈화된 개발 도구를 제공합니다. 체계적으로 구성된 모듈은 앱의 설정을 개발팀이 더 쉽게 이해할 수 있도록 하여, 특히 기존 프로젝트를 다루는 팀의 의사소통을 개선합니다. 여러 프로젝트에서 컴포넌트를 재사용하면 시간과 노력을 절약하고, 각 새로운 프로젝트마다 동일한 기능을 다시 작성할 필요가 없으므로 오류 발생 위험을 줄일 수 있습니다.

모듈화된 앱 개발 기능은 확장성에도 중요한 역할을 합니다. 앱을 더 작고 관리하기 쉬운 단위로 나누면 복잡성을 줄이고, 필요에 따라 앱을 확장하거나 수정하는 것이 더 쉬워집니다.

재사용 가능한 제어 템플릿

MobileTogether는 "컨트롤 템플릿"이라는 소프트웨어 디자인 구성 요소를 지원합니다. 이를 통해 사용자 인터페이스 요소를 지정하고 그룹화하여 재사용성을 높일 수 있습니다. 이러한 템플릿은 디자인 요소와 관련된 동작을 묶어 제공하며, 프로젝트 전체에서 일관성을 유지하는 데 용이합니다. 컨트롤 템플릿은 매개변수를 지원하며, 각 템플릿은 런타임 시 매개변수 값에 따라 사용자 정의할 수 있습니다.

MobileTogether 컨트롤 템플릿은 재사용 가능한 UI 구성 요소를 정의하여 여러 페이지에 적용할 수 있도록 함으로써 앱 개발 과정을 효율적으로 만들어줍니다 — 또는 여러 프로젝트에 적용할 수 있습니다. 또한, 템플릿을 사용하면 템플릿 자체를 수정하는 것만으로 전체 프로젝트에 변경 사항을 적용할 수 있어 수정 및 업그레이드가 간편해집니다.

앱 개발을 위한 재사용 가능한 제어 요소 템플릿

컨트롤 템플릿은 템플릿 컨테이너 내에서 일련의 컨트롤과 그 동작 방식을 정의하여 설계됩니다. 그런 다음, 이 컨트롤 템플릿을 프로젝트의 다양한 부분에서 재사용할 수 있습니다. 템플릿의 각 인스턴스는 페이지에 플레이스홀더 컨트롤을 사용하여 삽입되며, 이를 통해 템플릿의 기본 구조와 동작을 유지하면서도 다양한 상황에 맞게 쉽게 사용자 정의할 수 있습니다.

컨트롤 템플릿의 기본 동작은 전역적으로 정의할 수 있지만, 템플릿이 사용되는 개별 인스턴스에 대해 특정 이벤트를 재정의하여, 다양한 상황에 유연하게 대응할 수 있습니다.

모듈 사용법

MobileTogether의 모듈 기능을 사용하면 디자인 요소를 그룹으로 묶고, 해당 요소들에 공통적인 속성을 적용할 수 있습니다.

 

모듈 이름을 지정하면, 해당 모듈과 관련된 모든 구성 요소들이 정의된 명명 규칙(module.submodule.component)에 따라 자동으로 해당 모듈과 함께 그룹화됩니다. MobileTogether는 모듈 패널에서 이름으로 연결된 모든 항목을 자동으로 그룹화하며, 각 모듈에 대한 배경색을 지정할 수도 있습니다. 이를 통해 연관 관계와 기능을 쉽게 이해할 수 있습니다.

 

아이템은 드래그 앤 드롭 방식이나 이름 변경을 통해 모듈 간에 이동할 수 있습니다. 또한, 오른쪽 클릭 메뉴를 통해 아이템을 이동할 수도 있으며, 이 메뉴에서는 프로젝트 전체에서 해당 아이템이 사용된 모든 위치를 확인할 수 있습니다. 어떤 아이템을 더블 클릭하면 해당 아이템의 정의가 프로젝트 내에서 바로 연결됩니다.

 

컨트롤 템플릿과 마찬가지로, 모듈도 내보내서 다른 프로젝트에서 재사용할 수 있습니다.

앱 개발을 효율적으로 만들어주는 모듈

리팩토링

리팩토링은 기존 애플리케이션의 코드 구조를 변경하지 않고 내부 구조를 재구성하는 과정입니다. 리팩토링 도구는 코드의 내부 구조를 개선하고, 효율성, 유지 보수성, 확장성을 향상시키는 데 중요한 역할을 합니다. 동시에 코드의 기능은 그대로 유지합니다. 리팩토링은 종종 복잡한 코드를 단순화하고, 기술 부채를 줄이며, 향후 개선 또는 변경을 위해 코드베이스를 준비해야 할 필요성에 의해 추진됩니다.

MobileTogether Designer는 방대한 리팩토링 도구를 제공하여, 사용하지 않는 리소스를 식별하고 관리하며, 컴포넌트의 이름을 변경하고, 프로젝트의 일부를 재사용 가능한 하위 프로젝트 또는 모듈로 추출하는 데 도움을 줍니다. 예를 들어, "리팩토링" 메뉴를 사용하여 프로젝트 전체에서 전역 변수의 사용 현황을 파악하여 의존성을 관리하고 충돌을 방지할 수 있습니다. 또한, 사용하지 않는 변수, 함수, 기타 컴포넌트 목록을 생성하여 프로젝트를 효율적으로 유지할 수 있습니다. 심지어 "리팩토링" 메뉴를 사용하여 프로젝트 전체에서 데이터베이스 소스를 즉시 변경할 수도 있습니다.

세부 프로젝트

MobileTogether 리팩터링 메뉴에는 하위 프로젝트를 다루는 기능도 포함되어 있습니다. 하위 프로젝트는 모듈화된 앱 개발의 중요한 요소 중 하나로, 큰 프로젝트를 더 작고 관리하기 쉬운 단위로 분리할 수 있도록 해줍니다. 여기에는 기존 프로젝트의 일부를 새로운 하위 프로젝트로 추출하거나, 현재 디자인에 하위 프로젝트를 삽입하거나, 하위 프로젝트 자체를 여는 등의 옵션이 있습니다. 이를 통해 프로젝트에 정의된 다양한 구성 요소들을 여러 프로젝트에서 재사용할 수 있습니다.

 

현재 프로젝트 내에 다른 MobileTogether 프로젝트를 하위 프로젝트로 포함할 수 있습니다. 그러면 현재 프로젝트는 포함된 하위 프로젝트의 구성 요소를 사용할 수 있습니다. 반대로, 하위 프로젝트의 구성 요소는 여러 (상위) 프로젝트에서 재사용될 수 있으며, 이를 통해 여러 프로젝트에서 동일한 기능을 다시 정의할 필요가 없어집니다. 또한, 하위 프로젝트는 다른 하위 프로젝트를 포함할 수 있습니다.

 

MobileTogether는 현재 앱 디자인에 포함된 하위 프로젝트들을 "파일" 창에 표시하며, 이 창은 하위 프로젝트를 표시하고, 포함시키고, 가져오고, 제거하는 데 사용되는 제어판 역할을 합니다. 하위 프로젝트 간의 의존성을 관리함으로써, 하나의 프로젝트에서 발생하는 변경 사항이 다른 프로젝트에 의도치 않게 영향을 미치지 않도록 합니다.

MobileTogether 플랫폼 내의 앱 관련 하위 프로젝트

서버 라이브러리

MobileTogether 솔루션에서 효율적인 모듈화를 지원하는 또 다른 도구는 서버 라이브러리입니다. 서버 라이브러리는 여러 프로젝트에서 재사용할 수 있는 서버 측 기능들의 모음입니다. 데이터베이스 작업, 이메일 알림, 사용자 인증 프로세스와 같이 서버 라이브러리에 적합한 기능들은 어떤 프로젝트에서든 호출하여 사용할 수 있습니다. 이러한 기능들은 앱을 호스팅하는 MobileTogether 서버에서 언제든지 업데이트하고 교환할 수 있습니다 – 앱 자체를 다시 배포할 필요 없이.

이 독특한 방식은 앱 업데이트 및 변경 사항을 훨씬 빠르게 적용할 수 있도록 해줍니다. 특히, 컴파일된 앱의 경우, 더 이상 재컴파일할 필요가 없으며 앱 스토어의 승인 절차를 거칠 필요도 없습니다.

 

MobileTogether 플랫폼 내 서버 라이브러리

 

서버 라이브러리는 하나 이상의 액션 그룹을 포함하는 MobileTogether 디자인 파일이며, 그 기능은 이러한 액션 그룹을 처리하는 데 제한됩니다. 실행 시간에 앱은 매개변수와 함께 또는 없이 서버 라이브러리에 요청을 보낼 수 있습니다. 서버 라이브러리는 지정된 액션 그룹을 처리하고, 그 결과를 요청을 보낸 모바일 앱 또는 엔터프라이즈 솔루션으로 반환합니다.

MobileTogether 기능 목록

MobileTogether 자주 묻는 질문 (FAQ)

MobileTogether 비디오 데모 영상들