[모멘토] #01 모바일 앱 패키징이란?

안녕하세요. 프론트엔드 개발자 김민정입니다.

제가 입사 후 처음 진행한 프로젝트는, Capacitor라는 런타임 환경을 이용해 모바일 웹 사이트를 모바일 앱으로 패키징 하는 프로젝트입니다. 해당 프로젝트를 진행하면서 알게 된 정보와 개발 방법 등을 공유하고자 합니다.

먼저, 이번 글에서는 모바일 앱 패키징은 무엇인지, 앱 패키징을 하면 어떤 이점이 있는지 알아본 내용을 정리해 보겠습니다.

모바일 앱 패키징: 웹 사이트를 모바일 앱으로 포장하기

요즈음 각자 핸드폰을 켜서 확인해 보면 다양한 앱이 설치되어 있습니다. 핸드폰에 기본적으로 설치되어 있던 앱보다는 앱 마켓에서 직접 설치한 앱의 수가 훨씬 더 많을 것입니다. 그리고 그중에서는, 해당 서비스의 웹 사이트를 브라우저로 접속했을 때와 화면이 동일한 앱들이 있습니다. 어떻게 그럴 수 있을까요?

모바일 앱 패키징이란, 모바일 웹 사이트를 앱으로 포장하는 것을 말합니다. 네이티브 앱은 웹뷰(WebView), 웹 콘텐츠를 표시하기 위해 임베딩된 웹 브라우저를 사용해 웹 사이트를 보여줄 수 있습니다. 따라서, 네이티브 코드로 웹 사이트의 모든 UI를 구현하지 않고도 쉽게 웹 사이트와 동일한 UI로 모바일 앱을 제공할 수 있게 됩니다.

그렇다면, 단순히 ‘포장’일뿐이라면 이미 웹 브라우저로 접속해서 사용할 수 있는데 왜 패키징을 하여 제공하는 서비스들이 늘어나는 것일까요?

앱 패키징의 이점

첫째, 사용자에게 서비스 이용을 위한 접속 과정을 간단하게 줄여줄 수 있습니다.

웹 사이트에 접속하기 위해 사용자는 늘 브라우저 앱을 실행한 뒤 직접 url을 입력하는 과정을 거쳐야만 합니다. 그러나 앱이라면 사용자가 설치해둔 앱 아이콘을 실행하기만 하면 됩니다. 사용자에게는 자주 접속하고 사용하는 서비스를 앱으로 설치하여 사용할 수 있다면 훨씬 편리해지므로 서비스의 접근성이 매우 좋아집니다.

둘째, 네이티브 앱 개발보다 훨씬 적은 비용으로 개발할 수 있습니다.

기존의 네이티브 앱을 개발해야 한다면 웹 개발과 별도로 OS 별 앱 개발을 위해 특화된 언어로 각각 개발해야 합니다. 이미 정교하게 설계되고 개발된 웹 사이트를 운영하는 것과 동시에, 그와 동일한 기능을 수행할 수 있는 수려한 UI의 네이티브 앱을 개발하여 같이 운영하는 것은 많은 비용이 요구될 것입니다. 그러나 앱 패키징을 할 경우 웹, iOS, Android 모두 동일한 웹 콘텐츠를 보여주고 있으므로 개발하는데 드는 인력과 시간이 현저히 줄어 더 빠르게 앱을 배포할 수 있고, 유지 보수도 통합적으로 할 수 있어 비용이 적을 수 있게 됩니다.

셋째, 그럼에도 웹 사이트에서는 사용할 수 없었던 네이티브 기능을 사용할 수 있습니다.

기존의 웹 사이트는 모바일 디바이스의 기능을 직접 사용할 수 없습니다. 하지만 앱 패키징을 할 경우 네이티브 앱 기능을 호출하도록 구현할 수 있습니다. 단말의 파일시스템과 클립보드에 접근하고, 푸시 알림을 생성해 화면에 띄워주는 등 웹 앱은 가능하지 못한 일들이 가능해집니다.

이러한 이점들 덕분에 이미 만들어진 웹 사이트가 존재할 경우, 동일한 UI로 Android와 iOS 모두 대응하려고 할 경우, 빠르게 개발하고 배포하여 비용을 절약할 경우 등 여러 상황에서 모바일 앱 패키징은 최선의 선택이 될 수 있습니다!

다음 글에서는, 실무에서 어떤 플랫폼을 사용하여 빠르게 앱 패키징을 했는지 소개하는 내용으로 이어보겠습니다. 읽어주셔서 감사합니다!

출처

WebView