'모바일 앱의 종류(네이티브앱vs하이브리드앱vs크로스플랫폼) 비교!

NEWS/IT

jeon0160 2022. 10. 31. 16:00

안녕하세요,

전자구매 / 경비출장관리 / 전자계약 / 전자인장 솔루션 구축 및 클라우드 서비스 #세포아소프트 입니다:)

세포아소프트 기술 개발팀에서 발표 회의 주제로 나왔던

'모바일 앱의 종류와 PWA(Progressive Web Application)'와 관련해 다루고자 합니다.

오늘은 PWA가 무엇인지 알아보기 전에, 기술 개발자들이 알아두면 좋을

'모바일 앱 개발 옵션 비교'를 주제로 포스팅하겠습니다.

(다음 포스팅에서 PWA와 관련된 더 자세한 내용을 다룰 예정입니다.)

1. 모바일 앱 개발 옵션 3가지

지금 당장 모바일 앱을 만들어야 한다면 옵션은 크게 세 가지가 있습니다.

(1) 네이티브 앱, (2) 하이브리드 앱, (3) 크로스 플랫폼 앱

대표적인 모바일 앱 개발 방법 세 가지의 장점과 단점에 대해 알아보겠습니다.

(1) 네이티브 앱(Native App)

스마트폰이란 것이 탄생하면서 있었던 가장 원조 격이라고 할 수 있는 기본적인 형태의 앱입니다. Android 또는 iOS 와 같은 플랫폼을 위해 만들어진 응용 프로그램을 말합니다.

EX) 계산기, 노트, 게임 등 폰에 기본적으로 내장되어 있는 앱

개발 방식	안드로이드: 툴 안드로이드 스튜디오 언어 코틀린, 자바 플랫폼 플레이스토어 iOS: 툴 XCode 언어 Swift, Object-c 플랫폼 앱스토어 각 OS 전용 툴을 이용하여 서로 다른 언어를 가지고 따로따로 개발한 후에, 또 각자 다른 플랫폼에 배포하는 과정을 거칩니다.
장점	안드로이드와 iOS 각각의 운영체제에서 추구하는 Look and Feel 을 잘 살릴 수 있습니다. 각 플랫폼에 최적화된 성능뿐만이 아니라 운영체제 제공하는 모든 자원과 API를 최대한으로, 직접 사용할 수가 있습니다. (그래픽, 무거운 연산, 카메라, 각종 센서, 하드웨어 자원, 내부 파일 시스템 등)
단점	동일한 서비스의 앱을 출시하는데 중복된 일을 두 배 이상 해야 하는 셈이 됩니다. 앱에 대해 플랫폼 리뷰와 심사를 통과해야만 배포할 수 있습니다. 기업 입장에서는 전문성을 갖춘 안드로이드 개발자, iOS 개발자를 따로 두어야 하므로 인력과 시간, 비용을 두 세배 투입해야 합니다.
정리	고사양, 우수한 성능의 앱을 만들 수 있지만 개발하는 과정뿐만이 아니라 유지 보수하고 관리하는 것이 효율적이지 않습니다.

(2) 하이브리드 앱(Hybrid app)

하이브리드 앱은 네이티브 앱과 웹 앱의 기능을 결합한 것으로, 네이티브 앱을 개발할 때 발생하는 ‘중복적인 일’이라는 치명적인 단점을 보완하기 위해 등장한 방법입니다.

개발 방식	앱 자체는 네이티브로 만들되, 앱 안의 내용물은 웹으로 만들고 안드로이드와 iOS에서 제공하는 WebView라는 UI 컴포넌트를 앱으로 패키징 해서 배포합니다.
장점	한 번 작성된 동일한 웹 페이지를 두 OS에서 작동하는 앱으로 만들 수 있으므로 인력, 비용, 시간 사용 측면에서 훨씬 저렴합니다.
단점	패키징과 배포 등의 과정에 여전히 네이티브 지식이 필요합니다. 일부 네이티브 API를 사용할 수는 있지만 한정적입니다. WebView가 웹이므로 사용자의 네트워크 환경이 offline인 경우에는 앱 사용이 제한적입니다.

(3) 크로스 플랫폼(Cross-Platform)

크로스 플랫폼은 같은 소스 코드로 안드로이드 버전과 iOS 버전에서 모두 작동할 수 있는 앱을 만드는 개발도구 입니다. 즉, 하나의 언어, 한 번의 개발로 안드로이드와 iOS 모두에서 동작하는 네이티브 앱을 만들기 위한 플랫폼입니다.

개발 방식	하나의 언어로 다양한 운영체제에서 동작하는 앱을 만드는 방식입니다. 대표적인 모바일 크로스 플랫폼 프레임워크으로는 Meta(Facebook)의 React Native (JS 사용), Microsoft의 Xamarin(C# 사용), Google의 Flutter(Dart 사용) 등이 있습니다.
장점	한 번의 개발로 다른 운영체제에서 동작하는 앱을 만들 수 있으므로 개발과 운영에 필요한 비용과 시간을 절약할 수 있습니다.
단점	네이티브의 Look and Feel과 퍼포먼스를 최대한 살리지 못합니다. 크로스 플랫폼을 위한 언어를 학습해야 하기도 합니다. 네이티브에서 지원하는 최신 기능이 있어도, 크로스 플랫폼이 지원해 줄 때까지 기다려야 합니다.
정리	크로스 플랫폼 프레임워크 기술에 대한 이해가 필요하며 크로스 플랫폼 제공자의 지원에 의존할 수밖에 없습니다.

오늘은 PWA가 무엇인지 알아보기 전에, 기술 개발자들이 알아두면 좋을 '모바일 앱 개발 옵션 비교'를 주제로 포스팅했습니다. 다음 포스팅에서 PWA와 관련된 더 자세한 내용 포스팅하겠습니다.

그럼..여기까지 읽어주셔 감사합니다.

*참고

MDN-프로그레시브 웹 앱 소개
PWA가 비즈니스 성공을 주도하는 방법
13 Best Progressive Web App (PWA) Examples in 2022
네이티브 앱(Native App) vs 하이브리드 앱(Hybrid App) vs 프로그레시브 웹 앱(PWA) - 정의와 장단점 | 하늘네트 (hanl.tech)
모바일 앱 종류와 특징 - 네이티브 앱, 크로스 플랫폼, 웹 앱, 하이브리드 앱 (hanbit.co.kr)
앱 개발을 위한 3가지 옵션 (velog.io)