새싹톤 회의 중, 우리가 구현하고자 하는 서비스는 웹보다는 앱이 접근성과 사용성 측면에서 좋다는 결론이 나왔다.
하지만 나는 웹 프론트엔드여서 모바일 개발은 해본 경험이 없었다.(학교 수업이 전부였고 교수님이 너무 미웠던 기억이 있다 🤮)최종적으로 모바일 사이즈에 맞춰서 웹을 구현하면 되겠다는 얘기가 나왔다.
그런데 이걸 어떻게 따로 만드는 방법이 있는건지 아니면 그냥 화면 사이즈만 줄이면 되는건지 몰랐다. 이게 웹 뷰인건지 웹 앱인건지...?예전부터 궁금했었는데 이제야 정리하고자 한다.
네이티브 앱
우리가 흔히 말하는 어플리케이션이 여기에 속한다. 각 플랫폼(안드로이드, iOS)에 맞는 언어(Swift, Kotlin, Java, ...)로 개발한 어플리케이션이다.
모바일 기기에 최적화된 언어로 개발되어 유저가 사용하기에 빠르고 편하다.
ex. 카카오톡, 인스타그램, 유튜브, 페이스북, ...
장점
- 웹 앱, 하이브리드 앱에 비해 성능이 안정적이고 구동 속도가 빠르다.
- 네이티브 API를 사용함으로서 다양한 기능을 사용할 수 있다.
- 높은 사양의 그래픽으로 원하는 디자인을 구현할 수 있다.
단점
- 각 플랫폼에 맞는 언어마다 어플을 구현해야 한다.(iOS, Android)
- 다른 방식들 보다 높은 수준의 기술력을 필요로 한다.
- 결국, 개발 기간이 길고 비용이 많이 든다.
- 앱에 수정사항이 생기는 경우 앱 마켓의 심사를 거쳐 전체 업데이트를 진행해야 한다.
웹 앱
웹 페이지를 모바일 기기의 화면 크기로 줄인 것이다.(모바일 웹과는 큰 차이가 없다)
기기와 상관없이 모든 기기에서 같은 콘텐츠를 볼 수 있도록 해준다.
즉, 겉모습과 구동방식을 앱처럼 꾸며놓아 실제로는 웹 방식으로 작동하지만, 사용자에게 앱을 사용하는 것 같은 경험을 전달한다.
장점
- 웹 언어로 개발을 하기 때문에 비용이 저렴하고 시간 세이브가 가능하다.
- 따로 설치가 필요없어 브라우저만으로 사용이 가능하다.
- 수정사항이 생겨도 앱 마켓의 심사를 거치지 않아도 되기 때문에 업데이트 속도가 빠르다.
단점
- 앱 마켓에 등록이 불가능하다.
- 디바이스에 접근 권한이 없기 때문에 카메라, 음성 인식 등의 기능을 사용할 수 없다.
- 네이티브 앱에 비해 구동 속도가 느리고 안정성이 떨어진다.
하이브리드 앱
겉으로는 네이티브 앱과 동일하게 보이지만 실제로는 웹 뷰를 띄워 웹을 실행시키는 형태로 구성되어있는 어플리케이션이다. 네이티브 앱과 웹 앱의 개발 방식을 모두 사용하며 두 방식의 장점을 하나로 합친 방식이다.
즉, 어플 안에 웹 페이지를 불러오는 방식이다.
ex. 네이버, 다음, 크롬, ...
장점
- 네이티브 API + 브라우저 API를 사용함으로서 다양한 개발이 가능하다.
- 스마트폰의 기능(카메라, 음성검색 및 인식) 또한 사용 가능하다.
- 하나의 개발로 다수의 플랫폼에서 사용할 수 있고 유지보수가 간단하다.
- 네이티브 앱에 비해 개발 비용과 시간을 절약할 수 있다.
단점
- 웹 뷰 방식이므로 앱의 성능은 브라우저의 성능과 비례한다.
- 네이티브 앱보다 UI를 구성하는 디자인의 자유도가 떨어진다.
- 속도가 느리고 기능적인 접근에 제한이 있다.
+) 웹 뷰
웹 뷰(WebView)란 프레임워크에 내장된 웹 브라우저 컴포넌트로 뷰(View)의 형태로 앱에 임베딩하는 것을 말한다.
즉, 앱 안에 HTML iframe을 넣어놓은 것이다.
즉, App에서 웹 브라우저를 이용해 화면을 보여주는 방식을 뜻한다.
결론적으로, 웹 뷰는 앱 안에 임베딩을 하는 것이므로 결국 앱을 만들어야 한다.
그러니까 나는 웹 앱 방식으로 구현해야 한다!😁
