WebView란?

웹뷰(WebView)란 웹 브라우저를 뷰(View)형태로 앱에 임베딩 하는 것을 의미한다.

즉, 앱 내에 웹을 넣는 것을 의미한다.

WebView를 왜 이용할까?

WebView를 사용하는 이유는 다양하지만 먼저 AOS와 IOS에 동시에 동일한 서비스가 제공 될 때 따로따로 개발을 진행하지 않고 웹개발만 진행 한다면 한번의 배포를 통해서 두가지 서비스에 적용시킬 수 있다는 장점이 있다. 즉, 배포주기를 빠르게 가져갈 수 있다는 장점이 있다.

👍장점

• 하나의 웹 뷰에서 동시에 진행하니 네이티브 개발보다는 쉽게 진행이 된다.
• 다른 웹사이트로 링크를 연결하는 기능에서 많이 사용한다

👎단점

• HTML 기반으로 진행되니 상대적으로 반응성이 약하다.
• 다양한 UI, 애니메이션등의 다양한 효과를 넣기 어렵다.

ViewPort

ViewPort는 사용자에게 보이는 부분입니다. 웹사이트나 어떤 서비스를 이용할 때 화면에 맞지 않는 서비스를 이용하면 만족도가 떨어질 것입니다. 따라서 사용자 입장에서 ViewPort를 알맞게 사용하는 것이 중요합니다.

ViewPort meat tag는 모바일 웹이나 반응형웹에서 기기장치를 인식할 때 사용하는 중요한 태그입니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

width = device-width 는 페이지의 너비를 기기의 화면너비에 맞추도록 하는 설정입니다.

initial-scale 은 페이지를 처음 로드할 때 초기 확대/축소 수준을 정하는 설정입니다.

user-scalable=no 는 사용자가 확대 축소를 하지 못하게 하는 설정 입니다.