본문 바로가기
WEB

네이티브 앱 & 웹 앱 & 하이브리드 앱

by 일태찡 2023. 6. 22.

네이티브 앱 (Native App)

 

우리가 흔히 아는 안드로이드나 IOS 용으로 나눠서 만들어진 애플리케이션을 의미합니다.

 

모바일 기기에 최적화된 언어로 개발된 앱으로 안드로이드 SDK를 이용한  Java 언어나 iOS 기반 SDK를 이용한 Swify 언어로 만드는 앱이 네이티브 앱에 속합니다.

 

예시

 

편의성과 기능이 중요한 게임 앱

지도, 교통 앱 - 카카오 맵, 네이버 지도

카메라 기능 위주 앱 - 인스타그램, 틱톡

편의성, 보안이 중요한 은행, 카드 앱

잦은 업데이트가 필요하지 않은 멤버십 앱 - 스타벅스, T멤버십

 

 

장점

  • 성능이 웹앱, 하이브리드 앱에 비해 가장 높습니다.
  • 네이티브 API를 호출하여 사용함으로 플랫폼과 밀착되어 있어 기기마다 최적화가 가능합니다.
  • 높은 디자인 완성도를 가집니다.

 

단점

  • 플랫폼이 iOS와 안드로이드로  한정적이며 각각 개발/디자인해야 하기 때문에 비용과 시간이 듭니다.
  • 개발 언어가 제약적입니다.

 

모바일 웹 앱(Mobile Web App)

 

모바일 웹 + 네이티브 앱을 결합한 형태입니다.

 

모바일 웹의 특징을 가지면서도, 네이티브 앱의 장점을 지녔습니다.

따라서 기존의 모바일 웹보다는 모바일에 최적화된 앱이라고 말할 수 있습니다.

브라우저를 통해 접속하기 때문에 주소창이 존재합니다.

 

웹앱은 SPA를 활용해 속도가 빠르다는 장점이 있습니다.

 

장점

  • 웹 사이트를 보는 것이므로 따로 설치할 필요가 없습니다.
  • 모든 기기와 브라우저에서 접근이 가능합니다.
  • 업데이트가 빨라 항상 최신 상태입니다.
  • 별도 설치 및 승인 과정이 필요하지 않아 유지·보수에 용이합니다.

 

단점

  • 플랫폼 API 사용이 불가능하며 오로지 브라우저 API만 사용 가능합니다.
  • 모바일 기기의 하드웨어적 기능을 사용할 수 없기에 친화적 터치 앱을 개발하기 번거롭습니다.
  • 브라우저를 열고 검색해서 들어가야 하기 때문에 네이티브, 하이브리드 앱보다 실행이 까다롭습니다.

 

하이브리드 앱 (Hybrid App)

 

네이티브 웹에, 웹 VIEW를 띄워 웹앱을 실행시킵니다.

 

즉, 앱의 기반이 되는 콘텐츠 영역은 HTML 기반의 웹 앱으로 제작, 최종 앱 배포에 필요한 패키징 처리만 아이폰, 안드로이드 플랫폼 안에서 처리한 애플리케이션을 의미합니다.

 

양쪽의 API를 모두 사용할 수 있는 것이 가장 큰 장점입니다.

 

예시

 

신규 콘텐츠를 노출해야 하는 포털 앱과 쇼핑몰 앱 = 네이버, 다음, 구글 등 || 11번가, 쿠팡 등

 

장점

  • 네이티브  API, 브라우저 API를 모두 활용한 다양한 개발이 가능합니다.
  • 웹 개발 기술로 앱 개발이 가능합니다.
  • 한 번의 개발로 다수 플랫폼에서 사용이 가능하기에 비용, 시간, 유지·보수의 부담이 적습니다.

 

단점

  • 네이티브 기능에 접근하기 위한 개발 지식이 필요하며 성능과 완성도에서 부족할 수 있습니다.
  • UI 프레임도구를 사용하지 않으면 개발자가 직접 UI를 제작해야 합니다.

 

 

 

 

'WEB' 카테고리의 다른 글

CSR & SSR  (4) 2023.07.03
HTTP, HTTPS  (4) 2023.06.13
CORS  (6) 2023.06.08
Virtual DOM  (6) 2023.06.01
CSRF & XSS  (5) 2023.05.25