본문 바로가기
프로그래밍

네이티브, 크로스 플랫폼, 하이브리드, 웹, 프로그레시브 앱 비교

by CaffeLatte 2021. 3. 2.

하이브리드 앱? 웹 앱? 등의 용어 정리가 필요해보여 정리해 본다

  네이티브 앱 크로스 플랫폼 앱 하이브리드 웹 앱 웹 앱 프로그레시브 웹 앱
설명 - 플랫폼에서 제공하는 언어와 프레임워크로 작성
- iOS, Android 기기의 운영체제에서 직접 실행
- 다양한 언어와 프레임워크에서 작성
- 기기의 운영체제에서 직접 실행되는 네이티브 앱으로 컴파일
- JavaScript, CSS, HTML5와 같은 표준 웹 기술로 구축되며 앱 설치 패키지로 번들됨
- Apache Cordova를 통해 브라우저 런타임과 네이티브 장치 API를 위한 브리지를 제공하는 웹 컨테이너에서 작동
- 인터넷 브라우저를 통해 제공
- 데스크톱 또는 디바이스의 브라우저에서 액세스할 수 있는 앱
- 앱 스토어 제공 및 앱 설치를 생략하여 기존 모바일 앱 개발에 대한 대안적인 접근 방식을 제공
- 브라우저 기능을 활용하여 앱과 같은 사용자 환경을 제공
- 하이브리드 앱이나 웹 앱에 비해 새로운 기술
설치 - 앱 스토어에서 다운로드 후 설치 - 앱 스토어에서 다운로드 후 설치 - 앱 스토어에서 다운로드 후 설치 - 설치할 필요가 없고 URL을 통해 접근 가능 - 설치할 필요가 없고 URL을 통해 접근 가능
종류 - iOS(Swift)
- Android
(Java/Kotlin)
- ReactNative(JS)
- Flutter(Dart)
- Xamarin(C#)
- Ionic(JS)
- Cordova(JS)
- 웹 및 모바일 브라우저 - 웹 및 모바일 브라우저
장점 - 다른 앱보다 더 나은 사용자 경험을 제공
- 웹 앱보다 더 나은 성능을 제공
- 네이티브 기능을 모두 사용 가능
- 멀티 플랫폼을 위한 단일 코드 베이스
- 앱 구축 및 유지보수가 쉬움
- 웹 앱보다 더 나은 성능을 제공
- 웹과 모바일 앱 사이의 공유된 코드 베이스
- 모바일 앱 구축을 위한 웹 개발 스킬셋을 사용
- 더 낮은 비용으로 네이티브 앱과 동일한 성능 및 사용자 경험 제공
- 프로그레시브 웹 앱에 비해 성숙한 기술이고 개발 비용이 적게 듬
- 업데이트가 즉시 적용
- 비교적 단순
- 가격이 낮음
- 개발 속도가 빠름
- 단일 코드 베이스를 테스트하고 업데이트하므로 유지 관리가 더 쉬움
- 웹과 모바일 모두에서 동일한 앱 사용 가능
- 하이브리드 앱보다 크기가 작고 모바일 스토리지와 메모리 사용량이 적음
- 하이브리드 앱보다 검색 엔진 결과에서 더 높은 순위를 차지하고 더 나은 검색 결과를 얻음
단점 - 앱 구축 및 유지보수 비용 증가
- 각 플랫폼에 대해 멀티 코드 베이스
- 정기적으로 업데이트를 다운로드하고 설치
- 네이티브 기기의 기능을 위해 브리지와 라이브러리에 의존
- 네이티브 앱에 비해 낮은 성능
- 네이티브 앱에 비해 낮은 성능
- 네이티브 기기 기능에 대해 제한된 지원
- 배터리 전원을 더 많이 소모
- 사용자 경험이 일관되지 않음
- 특정 기능 또는 이미지가 브라우저에 따라 다르게 보일 수 있음
- 네이티브 앱에 비해 속도가 느리고 응답성이 떨어질 수 있음
- 네이티브 기기 기능에 대해 제한된 지원
- 앱 기능은 사용중인 브라우저에 의존
- 기반 기술이 네이티브 기술이 아님
- 브라우저 종속성으로 인해 배터리 소모량이 증가할 수 있음

 

 

 

끝.

 

 

참고
- https://aws.amazon.com/ko/mobile/mobile-application-development/?nc1=h_ls
- https://aws.amazon.com/ko/compare/the-difference-between-web-apps-native-apps-and-hybrid-apps/

댓글