ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 모바일 웹 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. 단점
    - 네이티브 앱보다 느리고 제한적 기능
    - 심사과정 필요
    - 네이티브 앱 개발 지식 필요
    - 브라우저 성능에 따라 앱 성능 영향 받음




    참고 : https://brunch.co.kr/@rlatjrwn9086/61

    참고 : https://www.hanl.tech/blog/native-vs-hybrid-vs-pwa/

Designed by Tistory.