하이브리드 앱? 웹 앱? 등의 용어 정리가 필요해보여 정리해 본다
네이티브 앱 | 크로스 플랫폼 앱 | 하이브리드 웹 앱 | 웹 앱 | 프로그레시브 웹 앱 | |
설명 | - 플랫폼에서 제공하는 언어와 프레임워크로 작성 - 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/
'프로그래밍' 카테고리의 다른 글
[MacOS] M1 맥북의 Arm64 관련 설정에 대하여 (0) | 2021.08.22 |
---|---|
[npm / yarn] 자주 사용하는 CLI Commands 차이점 정리 (0) | 2021.03.10 |
라이브러리와 프레임워크의 차이 (0) | 2021.02.28 |
[NestJS] 넌 누구냐! (0) | 2021.02.28 |
[MacOS] ApplePressAndHoldEnabled 설정 (0) | 2021.02.14 |
댓글