---
title: "모바일 앱 내에서 URL 및 문서 열기"
date: "2016-12-20"
categories: 
  - "development"
  - "mobile"
  - "software"
tags: 
  - "cross-platform-mobile-apps"
  - "mobile-development"
  - "mobiletogether"
  - "software-tools"
description: MobileTogether에서 "URL/파일 열기" 기능을 활용하여, 사용자가 다양한 운영체제에서 실행되는 모바일 앱 내에서 웹 페이지와 로컬 문서를 열 수 있는 방법을 알아보세요.
---
Status: #blog

Tags:  #cross-platform-mobile-apps #mobile-development #mobiletogether #software-tools

Categories: [development](/blog/ko/category/development.md) | [mobile-development](/blog/ko/category/mobile-development.md) | [low-code+no-code](/blog/ko/category/low-codeno-code.md)
# 모바일 앱 내에서 URL 및 문서 열기

기업용 MobileTogether 앱은 다음과 같은 기능을 제공합니다 [기존 백엔드 데이터베이스에 연결합니다](https://www.altova.com/ko/mobiletogether/sources.html) 그리고 풍부한 서식의 문서와 양식을 생성할 수 있습니다. 또한, MobileTogether는 모바일 앱 내에서 URL과 문서를 열어 기존 리소스에 대한 접근을 제공하는 기능을 제공합니다.

![모바일 앱 내에서 URL 및 문서 열기](/blog/images/openingURLs.png)

"Open URL/File" 기능은 MobileTogether 개발자가 최종 사용자가 클라이언트 장치에 저장된 웹 페이지나 PDF 파일, 이미지 파일, 텍스트 파일 등 다양한 파일을 열 수 있도록 하는 기능입니다.

<!--more-->

"URL/파일 열기" 기능은 버튼이나 다른 컨트롤에 할당될 수 있으며, 또는 작업 그룹의 한 단계로 사용될 수 있습니다. URL은 명시적으로 지정하거나 XPath 표현식을 통해 지정할 수 있습니다. 파일 이름은 앱에서 지정하거나, 사용자가 직접 파일을 선택할 수도 있습니다.

로컬 파일을 열면 사용자가 "인쇄" 기능을 사용하여 생성된 PDF 파일이나 다른 문서를 검토하는 데 매우 유용합니다.

여기서 중요한 점은, 저희가 말씀드리는 것은 모바일 앱 개발자가 웹 서비스, HTML, 그리고 구조화된 데이터 파일을 모바일 앱의 데이터 소스로 활용할 수 있도록 지원하는 모바일투게더 디자이너의 모든 도구와는 완전히 분리된 방식으로, 최종 사용자에게 URL과 파일에 대한 상호작용적인 정보를 제공하는 것입니다.

다음은 안드로이드 및 아이폰에서 간단한 "URL/파일 열기" 예제 앱의 스크린샷입니다

![모바일 앱 내에서 URL 및 파일을 여는 크로스 플랫폼 예제](/blog/images/Dual-app-view.png)

아이폰 화면에는 콤보 박스 메뉴가 표시되며, 사용자는 알토바 웹사이트에 호스팅된 다양한 MobileTogether 온라인 도움말 파일을 선택할 수 있습니다. "온라인 도움말 보기" 버튼을 클릭하면 "URL 열기" 기능이 실행되며, 선택된 URL은 콤보 박스를 통해 지정된 영구 데이터 트리 내의 특정 노드에 저장됩니다

![크로스 플랫폼 모바일 앱 내에서 URL을 여는 간단한 방법](/blog/images/Open-URL-Action.png)

사용자는 "도움말 표시" 버튼을 클릭하면, 모바일 기기의 웹 브라우저에서 해당 메뉴 항목에 해당하는 URL이 열립니다. (여기서는 아이폰 버전을 예시로 보여드립니다.)

![모바일 앱에서 URL을 열 때 아이폰 화면으로 보이는 모습](/blog/images/iOS-URL-view.png)

이미지 왼쪽 상단에 있는 내비게이션 화살표를 주목하십시오. 저희의 MobileTogether 앱은 아직 실행 중이며, 사용자의 재접속을 기다리고 있습니다.

앱의 두 번째 버튼은 사용자가 로컬 파일을 선택하고 열 수 있도록 합니다. 이 버튼에 연결된 "파일 열기" 기능은 개발자가 사용 가능한 파일 목록을 지정하고, 오류 처리 옵션을 설정할 수 있도록 합니다.

![크로스 플랫폼 모바일 앱에서 "파일 열기" 기능의 정의](/blog/images/Open-File-Action.png)

<User chosen file> 위쪽에 있는 버튼을 누르면 대화 상자가 열리며, 개발자는 이 대화 상자에서 특정 파일 이름을 지정할 수 있습니다. 예를 들어, 이전에 저장된 파일을 확인하거나, 허용되는 파일 확장자 목록을 선택적으로 제공할 수 있습니다. 저희 앱에서는 MobileTogether에 내장된 mt-external-error-text() 함수를 사용하여 기본적인 오류 처리를 구현하여, 적절한 오류 메시지를 자동으로 표시하도록 했습니다.

다음은 안드로이드 폰에서 사용자 파일을 선택하는 화면입니다

![안드로이드 폰에서 로컬 파일을 여는 방법](/blog/images/Android-Open-File.png)

MobileTogether Designer로 개발된 하나의 앱은 Android, iOS, Windows 8 및 Windows 10 데스크톱, Windows Phone, 심지어 웹 브라우저 기반 클라이언트 등 다양한 모바일 플랫폼에서 원활하게 실행됩니다. 하지만 개발자는 각 운영 체제의 기능이나 사용자가 특정 파일 형식을 처리하도록 지정한 외부 앱에 따라 최종 사용자의 경험이 달라질 수 있다는 점을 유념해야 합니다.

예를 들어, "로컬 파일 열기" 버튼을 클릭했을 때 Windows 10 클라이언트 화면은 다음과 같습니다

![Windows 10 앱에서 파일 열기 사용자 대화 상자를 표시합니다](/blog/images/Win-10-File-Open-half-size.png)

개발자는 필요에 따라 특정 모바일 운영체제 환경에서 앱의 동작 방식을 세부적으로 정의할 수 있습니다. 특히, 극단적이거나 매우 특수한 상황에서 유용합니다.

자체 기능을 통해 파일이나 URL에 접근할 수 있는, 다양한 운영체제에서 사용할 수 있는 모바일 앱을 직접 만들어 보세요! MobileTogether Designer는 [무료로 다운로드](https://www.altova.com/ko/download/mobiletogether-designer.html)하여 사용할 수 있습니다.