[모바일] 하이브리드 앱이란?

정의

• Device에서 제공하는 WebView를 통해 화면을 렌더링하는 앱이다.

종류

• Cordova/Phonegap 을 사용한 개발
  • CLI 기반 빌드
  • Ionic, Quasar, Framework7 등의 framework 활용 가능
• DevOn Mobile(구 MXP)
  • 전용 IDE
• Native앱의 Activity에서 직접 WebView layout을 넣어 개발
  • Android Studio, Xcode 등 IDE나 gradle을 통한 command line 빌드

장점

• One source Multi-platform
• 빠른 개발 생산성
• electron을 사용하여 desktop application으로 전환 용이

단점

• 느리다
• Native 앱만큼 유려한 UI/UX 효과를 내기 힘들다
• Native 기능 사용하려면, OS별로 PlugIn을 개발해야 한다
• 보안상 Native앱보다는 취약하다

모바일 Hybrid 성능 최적화 방안

• 모바일 하이브리드 아키텍쳐
• 웹 최적화를 위한 이미지 지연로딩(lazyLoading)
• Modern UI Framework의 렌더링 방식, CSR과 SSR
• 브라우저의 화면 렌더링
• Modern UI Framework와 가상 DOM