-
모바일 웹 vs 웹앱 vs 네이티브앱 vs 하이브리드앱CS/etc 2022. 12. 19. 20:10
핵심용어 용어설명 모바일 웹 데스크 탑 브라우저에 실행되는 웹 어플리케이션을 모바일 스크린 크기로 줄여 놓은 것 웹 앱 모바일 웹과 비슷하지만 구동방식이 앱처럼 보이게 한 앱
실행 : 웹 브라우저(단일 페이지 방식)
겉모습과 구동방식이 마치 네이티브 같은 웹페이지(모바일 웹보다 모바일 최적화)
운영체제별로 개발할 필요가 없음(심사과정X, but, 웹 브라우저를 통해서만 개발 가능)
개발 : 웹 개발 방식과 동일네이티브 앱 모바일 기기에 최적화된 언어로 개발된 앱으로 안드로이드 SDK를 이용해 java 언어로 만드는 안드로이드앱과 iOS SDK를 이용해 Ovjective-C 언어로 개발된 아이폰 앱 등 하이브리드앱 = 네이티브앱 + 웹앱
앱의 기반이 되는 콘텐츠 영역은 HTML 기반의 웹 앱으로 제작
최종 앱 배포에 필요한 패키징 처리만 아이폰, 안드로이드 플랫폼 안에서 처리한 애플리케이션
1. 네이티브 앱
Android 또는 iOS 같은 어떤 구체적인 플랫폼만을 위해 만들어진 응용 프로그램을 네이티브 앱(Native App)이라고 한다. Android 모바일 앱 개발의 경우는 Kotlin 또는 Java로 네이티브 앱을 만들 수 있고 iOS의 경우 Swift 또는 Objective C로 만들 수 있다. 덕분에 앱의 실행 속도가 빠르고 유용한 API의 지원도 받을 수 있다.
1-1. 장점
- 다양한 네이티브 기능을 쉽게 활용: 예를 들자면 카메라, 마이크(microphone), GPS 및 스와이프 제스처(swipe gesture)
- 높은 퍼포먼스 및 안정성
- 더 많은 디바이스 접근 권한
1-2. 단점
- 둘 이상의 코드 베이스: 네이티브 앱은 Android와 IOS의 호환이 되지 않기 때문에 별도로 제작
- 업데이트 할 때마다 플레이스토어 앱스토어를 통해서 해야 함
- 심사과정 O
크로스 플랫폼 프레임 워크(Cross-platform frameworks)
Google이 만든 Flutter와 Facebook이 만든 React Native가 현재 크로스 플랫폼 앱 개발 시장의 선두 주자
2. 하이브리드 앱
네이티브 앱과 웹 앱의 기능을 결합한 것
실행 : 플레이스토어, 앱스토어에서 다운 설치 (PC 접속 불가)
개발 : 모바일 웹앱을 모바일 운영체제로 패키징
(외부는 네이티브 모습, 내부는 모바일 웹앱)2-1. 장점
- 하나의 코드 베이스로 iOS, 안드로이드에서 둘다 작동
- 네이티브 API와 브라우저 API를 이용해 다양한 개발 가능
- 네이티브 앱에 비해 유지보수 쉬움
2-2. 단점
- 네이티브 앱보다 느리고 제한적 기능
- 심사과정 필요
- 네이티브 앱 개발 지식 필요
- 브라우저 성능에 따라 앱 성능 영향 받음'CS > etc' 카테고리의 다른 글
컴파일 에러 vs 런타임 에러 (0) 2023.03.07 웹서버(Web Server) vs WAS(Web Application Server) (0) 2022.12.19 HTTP에서 제공하는 Cache-Control (0) 2022.12.16 프록시 서버 개념 및 프록시 서버 종류Forward Proxy, Reverse proxy (0) 2022.12.13 세션, 쿠키, 토큰, JWT, 캐시 (0) 2022.12.12