모바일 앱 개발 옵션 3가지(네이티브앱 vs 하이브리드앱 vs 크로스플랫폼)!

 

모바일 앱의 종류와 PWA(Progressive Web Application)
by 강주임
2022.10

안녕하세요,

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

세포아소프트 기술 개발팀에서 발표 회의 주제로 나왔던 ‘모바일 앱의 종류와 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)

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

EX) 네이버/크롬, Gmail, 금융기관 앱, 쿠팡, 오늘의 집..

 

  • 앱 자체는 네이티브로 만들지만, 앱 안의 내용물은 웹으로 만듭니다. 안드로이드와 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(Progressive Web Application)에 대한 장단점에 대해 알아보겠습니다. 

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

 

 

By |2022-11-02T13:56:26+09:0011월 2nd, 2022|Case Studies, News and Events|모바일 앱 개발 옵션 3가지(네이티브앱 vs 하이브리드앱 vs 크로스플랫폼)!에 댓글 닫힘