---
title: "기기에 최적화된 모바일 앱 기능으로 사용자에게 최고의 경험을 선사하세요"
date: "2016-01-27"
categories: 
  - "development"
  - "mobile"
  - "tools"
tags: 
  - "device-dependent-mobile-app"
  - "mobile-app-features"
  - "mobile-development"
  - "mobiletogether"
description: MobileTogether Designer를 사용하여 기기별로 다른 모바일 앱 기능을 구현하는 방법을 알아보세요. 크로스 플랫폼 개발을 이해하고 사용자 경험을 최적화하는 방법을 익히십시오.
---
Status: #blog

Tags:  #device-dependent-mobile-app #mobile-app-features #mobile-development #mobiletogether

Categories: [development](/blog/ko/category/development.md) | [mobile-development](/blog/ko/category/mobile-development.md)
# 기기에 최적화된 모바일 앱 기능으로 사용자에게 최고의 경험을 선사하세요

오늘날에는 믿을 수 없을 정도로 다양한 종류의 휴대폰과 태블릿이 존재하며, 새로운 모델들이 계속해서 출시되고 있습니다. 이러한 모든 모바일 기기들은 서로 다른 사양과 기능을 가지고 있으며, 이는 모바일 앱을 개발하는 개발자들에게 어려움을 줄 수 있습니다. 태블릿은 화면 크기가 크지만, 반드시 이동통신 기능을 포함하는 것은 아니며, 기본 색상 설정은 휴대폰 제조사에 따라 다르고, 내장된 모바일 기능은 각 모바일 운영체제에서 다르게 작동할 수 있습니다. 다행히 MobileTogether Designer는 통합 개발 환경을 제공하여 사용자가 [빠르게 디자인하고 개발](https://www.altova.com/ko/mobiletogether/develop-apps-fast.html)하여 각 최종 사용자의 기기에 최적화된 크로스 플랫폼 모바일 앱 기능을 만들 수 있습니다.

![shutterstock_54317866](/blog/images/shutterstock_54317866.jpg)

<!--more-->

MobileTogether Designer는 다음과 같은 세 가지 고유한 기능을 제공하여 크로스 플랫폼 개발을 지원합니다

- 내장된 실행 시뮬레이터를 통해 개발자는 자신의 앱이 다양한 기기에서 어떻게 표시되고 작동하는지 확인할 수 있습니다
- 다양한 글로벌 변수들을 통해 개발자는 최종 사용자 기기의 특성에 접근할 수 있으며, 이를 바탕으로 기기 종류에 따라 조건부 작업을 정의할 수 있습니다
- 장치별 가시성 설정: 기본적으로 앱에 추가된 모든 컨트롤은 모든 장치에서 표시되지만, 개발자는 특정 컨트롤의 표시 여부를 장치 종류에 따라 다르게 설정할 수 있습니다

MobileTogether Designer를 사용하면 iPhone, iPad, Android 기기뿐만 아니라 Windows 8 및 Windows 10 데스크톱에서도 원활하고 세련되게 작동하는 앱을 개발할 수 있습니다. 또한, 앱은 해당 기기에서 제공되는 강력한 기능을 최대한 활용할 수 있습니다.

최근 게시물인 "[모바일 앱을 위한 데이터 소스로서의 REST 서비스](https://www.altova.com/blog/rest-services-as-data-sources-for-mobile-apps/)"에서 소개한 지리 위치 데모 앱에, 여러 기기별로 동작하는 모바일 앱 기능들을 구현했습니다. 해당 게시물에서는 완성된 앱이 아이폰에서 실행되는 스크린샷을 게시했지만, 앱 개발 과정에서 MobileTogether 시뮬레이터를 사용하여 다양한 기기에서 앱이 어떻게 표시될지 확인하는 것이 유용했습니다.

다음은 시뮬레이터 창의 일부 화면으로, 동일한 앱이 다양한 기기에서 실행되는 모습을 보여줍니다.

Android:

![Altova MobileTogether 시뮬레이터를 통해 안드로이드 기기에서 보이는 모바일 앱의 다양한 기능을 확인할 수 있습니다](/blog/images/Android-partial.png)

iOS:

![Altova MobileTogether 시뮬레이터를 통해 iOS 환경에서 보이는 모바일 앱의 기능을 확인할 수 있습니다](/blog/images/iOS-partial.png)

윈도우 폰:

![Altova MobileTogether 시뮬레이터를 통해 윈도우 폰에서 보이는 모바일 앱의 기능을 확인할 수 있습니다](/blog/images/WinPhone-partial.png)

세 가지 이미지 모두 모바일 앱에서 제공하는 동일한 정보와 기능을 담고 있습니다. 기기별 화면 크기의 차이와 운영체제에 따른 사용자 인터페이스의 차이로 인해 화면 구성에 약간의 차이가 있을 수 있습니다.

저희 앱에는 사용자가 앱 설정을 변경할 수 있는 설정 페이지가 포함되어 있습니다. 이 페이지는 기기 종류에 따라 다른 동작을 수행하는데, 이는 다양한 모바일 운영체제가 서로 다른 기능을 제공하기 때문입니다. 다음은 주요 디자인 창에서 설정 페이지의 모습입니다

![모바일 앱 기능을 생성하는 모바일투게더 디자인 뷰의 설정 페이지](/blog/images/Settings-Page-Design-View.png)

화면 중앙에 있는 컨트롤의 왼쪽 가장자리에 있는 탭은 어떤 모바일 기기에서 해당 항목이 표시될지를 결정합니다. 기기별로 표시 여부를 설정하려면 개발자는 컨트롤을 일반적인 방식으로 생성한 다음, 마우스 오른쪽 버튼을 클릭하여 나타나는 컨텍스트 메뉴를 사용하여 기기별 표시 설정 대화 상자를 엽니다. 저희 페이지에서 GPX 파일 버튼은 안드로이드 및 iOS 기기에서만 표시되도록 설정되어 있으며, 윈도우에서는 표시되지 않으므로, 해당 설정 대화 상자에서 적절한 항목을 선택했습니다.

![모바일 앱 기능의 디바이스 특성에 따른 화면 표시를 위한 MobileTogether 대화 상자](/blog/images/Device-Dependent-Dialog.png)

앱을 시뮬레이터에서 실행하면 각 기기에서 사용할 수 있는 컨트롤을 미리 볼 수 있습니다. 여기서는 왼쪽에는 안드로이드, 오른쪽에는 윈도우 폰에서 사용할 수 있는 설정 페이지를 시뮬레이션한 화면이 표시되어 있습니다.

![MobileTogether 시뮬레이터의 설정 페이지 관련 내용](/blog/images/Settings-combined.png)

디자이너는 개발자가 최종 사용자의 기기에 대한 데이터를 저장하는 전역 변수와 지역 변수의 값에 따라 수행될 작업을 정의할 수 있도록 합니다. 운영 체제 및 물리적 장치 특성에 대한 정보를 담고 있는 20개 이상의 전역 변수와, 앱 실행 중에 값이 변경될 수 있는 10개 이상의 지역 변수가 있습니다. 예를 들어, 지역 변수를 사용하면 개발자는 세로 및 가로 방향에 특화된 화면을 만들 수 있습니다. 아래는 전역 변수 목록의 일부입니다.

![MobileTogether 전역 변수 대화 상자](/blog/images/Global-Variables-trim.png)

저희 데모 앱은 안드로이드 및 iOS 사용자들이 기록된 모든 GPS 위치 정보를 하나의 파일로 모으고, 해당 파일을 이메일 첨부 파일로 전송할 수 있도록 설계되었습니다. 윈도우 폰 운영체제는 외부 앱이 이메일 첨부 파일을 쉽게 생성하는 것을 허용하지 않으므로, 윈도우 폰 버전에서는 해당 기능을 구현하지 않을 예정이며, 파일 생성 기능도 필요하지 않습니다.

MobileTogether를 사용하면 "액션 그룹"을 정의하여, 최종 사용자가 안드로이드 또는 iOS 운영체제를 사용하는 경우에만 각 지점의 위도와 경도를 파일에 추가할 수 있습니다. (예시: [이미지 또는 설명])

![MobileTogether 액션 그룹 정의](/blog/images/Action-2-Capture.png)

반면, 윈도우 폰은 다른 운영체제에 비해 지도에 주소를 표시할 때 더 부드러운 확대/축소 기능을 제공하므로, 윈도우 사용자들이 설정 페이지에서 지도 확대/축소 비율을 선택할 수 있도록 지원합니다.

MobileTogether 디자이너에서 장치에 따른 동작 방식을 직접 체험해 보고 싶으시다면, [MobileTogether 디자이너를 다운로드](https://www.altova.com/ko/download/mobiletogether.html)하세요. 사용은 무료입니다. 또한, GitHub에서 지오로케이션 데모 앱과 관련 파일을 다운로드할 수 있습니다. 해당 링크는 [https://github.com/altova/MobileTogether-geolocation-example](https://github.com/altova/MobileTogether-geolocation-example)입니다.