해당 게시글을 읽기 전 웹뷰 앱에 대한 내용을 알고 있다면 더욱 좋습니다. 아래 링크를 통해 웹뷰 앱 관련 글로 이동할 수 있습니다.

네이티브 웹뷰 앱

 

하이브리드 앱과 크로스 플랫폼에 관련된 설명은 아래 링크에 같이 설명되어 있습니다.

하이브리드 앱(Hybrid Application) - 크로스 플랫폼

 

웹뷰 프레임워크

 

하이브리드 앱 종류 중 웹뷰 프레임워크를 사용하여 앱을 만드는 방법이 있습니다.

웹뷰 프레임워크로 제작하는 앱도 크로스 플랫폼이 지원되지만 굳이 해당 게시글을 크로스 플랫폼과 다른 글로 뺀 이유가 있습니다.

바로 구동하는 방식에 차이가 있기 때문입니다.

React-Native, Flutter, Xamarin 등의 프레임워크는 독립적인 개발 방식을 통해 앱을 제작하는 형식이라면 웹뷰 프레임워크는 네이티브 요소 중 WebView 기능에 연결되어 구현이 됩니다.

쉽게 말하자면 다른 프레임워크처럼 네이티브의 기능을 미리 공통화 시켜 작성한 코드가 공통화 된 기본 틀에 붙여지는 형식은 동일하지만 네이티브의 많은 기능들을 공통화 해놓은 게 아닌 웹뷰 기능을 기반으로 공통화 하여 웹을 만들고 붙이는 형식인 것입니다.

이렇게 웹뷰의 기능을 사용하기 때문에 웹뷰 프레임워크라고 부르는 것입니다.

네이티브 제작 방식 중 웹뷰 제작 방식이라고 보시면 됩니다.

대표적인 것으로 아이오닉, 코르도바, 폰갭 등이 있습니다.

 

웹뷰 프레임워크의 단점

 

웹뷰 프레임워크는 속도나 퍼포먼스가 네이티브 앱뿐만 아닌 다른 크로스플랫폼보다 느릴 수 있습니다.

아무래도 호환성 문제 때문에 크로스 플랫폼이 속도 면에서 네이티브를 따라잡진 못하지만 거기다 웹뷰 기반이다 보니 React-Native, Flutter, Xamarin 등의 속도와 차이가 납니다.

그리고 구현하는 기능에 따라 양쪽 OS에 100프로 호환이 안될 수도 있습니다.

 

웹뷰 프레임워크의 장점

 

그래도 장점이 있으니 다들 사용하지 않을까요?

크로스 플랫폼 특성 상 다양한 플랫폼에서 지원이 됩니다.

그리고 HTML, CSS, JavaScript 로 제작하는 앱이기 때문에 웹 제작이 가능하다면 쉽게 배울 수 있습니다.

 

웹뷰 기반으로 간단한 앱을 제작하면서 크로스 플랫폼의 장점을 살리고 싶다면 해당 방식 제작을 고려할 수 있습니다.