--- title: "알토바 모바일투게더를 활용한 크로스 플랫폼 모바일 앱 개발" date: "2014-10-22" categories: - "applications" - "development" - "mobile" tags: - "mobile" - "mobile-development" - "mobiletogether" description: Altova MobileTogether가 다양한 플랫폼에서 효율적인 모바일 개발을 가능하게 하는 방법을 알아보세요. 이 도구를 사용하면 개발자는 다양한 기기에 대한 네이티브 애플리케이션을 원활하게 개발하고 배포할 수 있습니다. --- Status: #blog Tags: #mobile #mobile-development #mobiletogether Categories: [low-code+no-code](/blog/ko/category/low-codeno-code.md) | [mobile-development](/blog/ko/category/mobile-development.md) # 알토바 모바일투게더를 활용한 크로스 플랫폼 모바일 앱 개발 소프트웨어 엔지니어들은 오랫동안 하나의 애플리케이션을 개발하여 여러 플랫폼에서 실행할 수 있기를 바래왔습니다. 오늘날 빠르게 발전하는 모바일 기기의 시대에 이러한 필요성은 더욱 중요해졌습니다. iOS, Android, Windows Phone, 그리고 Surface 태블릿 등 다양한 플랫폼들이 개발자들의 관심을 끌면서 경쟁이 치열해지고 있기 때문입니다. 만약 기업 사용자들과 소통하는 앱을 개발하고 있다면, 각 기기별로 순차적으로 개발하거나, 기능의 차등화를 통해 중요한 동료들의 불만을 야기하고 소외시킬 위험이 있습니다. Altova MobileTogether를 사용하면 한 번의 개발로 다양한 플랫폼에서 작동하는 모바일 솔루션을 만들 수 있으며, 이를 기업 내 모든 모바일 사용자에게 몇 초 만에 배포할 수 있습니다. 사용자는 아이폰, 아이패드, 안드로이드 폰 또는 태블릿, 윈도우 폰, 서피스 태블릿, 심지어 노트북이나 데스크톱 컴퓨터에서도 해당 솔루션을 사용할 수 있습니다. 그리고 이러한 것들은 단순한 .html 기반의 획일적인 웹 페이지가 아니라, 사용자들이 이미 익숙한 다양한 인터페이스 기능을 활용하는 진정한 모바일 솔루션입니다. 이 솔루션은 데이터베이스, XML 파일에서 중요한 데이터를 가져오거나, 원격 서버에 HTTP 요청을 보내 응답을 필터링하고 필요한 방식으로 형식을 지정하여 제공합니다. ![MobileTogether를 사용하여 제작된 모바일 판매 보고서 앱입니다](https://lh6.ggpht.com/-_rJBbkEBjfE/VElpJ1BN5mI/AAAAAAAAB3M/aUkOnsTbXlU/Screenshot_2014-08-28-16-02-56%25255B3%25255D.png?imgmax=800 "A mobile sales report application created with MobileTogether") MobileTogether Designer는 드래그 앤 드롭 기능을 활용하여 고품질의 비즈니스 인텔리전스 대시보드, 인터랙티브 보고서, 기업용 양식 및 기타 모바일 애플리케이션을 쉽게 개발할 수 있는 도구입니다. 다양한 컨트롤을 작업 영역으로 끌어다 놓고, 데이터 구조와 기능을 설정하여 플랫폼에 구애받지 않는 솔루션을 구축할 수 있습니다. MobileTogether 디자이너의 메인 창 상단에 있는 도구 모음에는 디자인 및 시뮬레이션 단계에서 지정된 미리보기 장치를 선택할 수 있는 기능이 포함되어 있습니다. 또한, 미리보기 화면의 가로 또는 세로 방향과 확대 배율을 선택할 수 있습니다. ![MobileTogether에서 미리보기 장치 선택을 위한 드롭다운 메뉴](https://lh5.ggpht.com/-7uRJILkrG5s/VEfDcrhDVjI/AAAAAAAAB2c/ddNSKPmbuz0/clip_image0033.png?imgmax=800 "Drop down menu for preview device selection in MobileTogether") 다양한 모바일 기기의 화면은 해상도가 다르지만, 디자인 과정에서 이에 대해 걱정할 필요는 없습니다. 예를 들어, 테이블의 한 열의 너비를 설정할 때, 속성 창을 통해 항상 백분율로 지정하며, 이 동일한 백분율이 모든 기기에 적용됩니다. ![MobileTogether 속성 창에서 열 너비 설정 옵션을 보여줍니다](https://lh5.ggpht.com/-jHT90roq9J8/VEfDdJxtH3I/AAAAAAAAB2g/M5_Po8UM6X8/clip_image0043.png?imgmax=800 "MobileTogether Properties Window showing column width setting") 설계 과정의 어느 단계에서든 프로젝트를 검증하고 시뮬레이션을 실행할 수 있습니다. 내장된 시뮬레이터는 선택한 미리보기 기기를 기반으로 시각적인 표현을 사용하여 모바일 솔루션을 실행합니다. 아래는 iPhone 6의 화면 일부를 보여주는 예시입니다 ![모바일 앱을 아이폰의 미리보기 화면과 유사한 환경에서 실행합니다](https://lh3.ggpht.com/-YGNuxER8nFE/VEfDdWbmJ9I/AAAAAAAAB2o/KlaEaagV8QY/clip_image0053.png?imgmax=800 "Mobile app executing with a simulated iPhone preview") 솔루션이 다른 기기에서 어떻게 보일지 확인하려면, 미리보기 설정을 변경하기만 하면 됩니다. 다음은 동일한 솔루션이 삼성 갤럭시 S에서 어떻게 보이는지 보여주는 예시입니다 ![삼성 갤럭시 기기에서 실행되는 것처럼 시뮬레이션된 환경에서 모바일 앱을 실행합니다](https://lh6.ggpht.com/-mO-3WJok0tM/VEfDeCvyzGI/AAAAAAAAB20/xUP3ch45Zr8/clip_image0063.png?imgmax=800 "Mobile app executing with a simulated Samsung Galaxy preview") 솔루션의 논리 및 구현에 만족하신 후에는, 해당 솔루션을 MobileTogether 서버에 한 번만 배포하면 됩니다. 그러면 인증된 모든 모바일 사용자가 다양한 플랫폼에서 즉시 해당 솔루션을 사용할 수 있습니다. Designer는 진정한 크로스 플랫폼 솔루션을 제공하며, 이 솔루션을 Android, iOS, Windows Phone 8, Windows 8용으로 개발된 MobileTogether 앱, 그리고 웹 브라우저를 지원하는 모든 컴퓨터 또는 장치에서 사용할 수 있는 웹 기반 버전으로 실행할 수 있습니다. 다음은 아이폰과 갤럭시에서 실제로 실행되는 솔루션의 두 페이지 화면을 캡처한 이미지입니다 ![iOS 및 Android 스마트폰에서 촬영된 모바일 앱의 스크린샷](https://lh6.ggpht.com/-nB0msHM1QW0/VElpKDQEaSI/AAAAAAAAB3U/fxq9I4Y_xl0/combined%252520full%252520size%25255B3%25255D.png?imgmax=800 "Screenshots of the mobile app captured on iOS and Android phones") 이 글은 MobileTogether를 통해 할 수 있는 일들을 간략하게만 소개하고 있습니다. 예를 들어, 특정 솔루션이 서로 다른 기기에서 다르게 작동하도록 만들고 싶을 때가 있을 수 있습니다. MobileTogether에는 내장된 전역 변수들이 포함되어 있어, 최종 사용자의 운영 체제, 화면 해상도(픽셀 단위), 모바일 기기가 현재 세로 또는 가로 모드로 사용되고 있는지, 그리고 이 외에도 다양한 정보를 파악할 수 있습니다. 개발 과정에서 이러한 변수들을 활용하여 화면 레이아웃을 변경하거나, 운영 체제에 특화된 컨트롤을 추가하거나, 워크플로우를 사용자 정의할 수 있습니다. [**자세히 알아보기**](https://www.altova.com/ko/mobiletogether.html) **Altova 웹사이트에서 MobileTogether에 대한 정보를 더 확인하세요** [**동영상 보기**](https://www.altova.com/ko/mobiletogether/demos.html) **모바일 솔루션을 빠르게 구축하는 방법을 보여주는 동영상을 시청하거나,** [**무료 평가판 다운로드**](https://www.altova.com/ko/download/mobiletogether-designer.html) **MobileTogether Designer의 무료 평가판을 직접 다운로드하여 사용해 보세요!**