네이티브 앱? 모바일 웹? 하이브리드 앱?

현재는 모바일 어플을 통해서 여려 가지 서비스를 제공하며 받습니다.
해당 글은 모바일 어플로 이용하는 형태 중 Natvie, Mobile Web, Hybrid에 대해 작성한 글입니다.

[모바일 웹과 Native App] Naver 메인 화면

    

Mobile Web (모바일 웹)

모바일 기기들은 컴퓨터 모니터보다 상대적으로 낮은 해상도에서 웹을 볼 수 있습니다.

그렇기에 웹을 제작할 때  화면 구성을 모바일 환경에 맞게 제작한다면 모바일에서도 서비스할 수 있습니다.

"모바일에서 작동하는 브라우저 "로, 현재는 "반응형 웹"을 통해 다양한 해상도에 제공합니다.

- 『www.xxx.com』에 사이트에 대응하는 『m.xxx.com』와 같은 URL을 구분해서 화면을 구성합니다.

  (URL을 가리는 기능은 존재합니다.)

- 웹(Web)으로 작성된 정보는 실시간 정보 업데이트 가능

  (안드로이드와 IOS 등 OS 제한없이 개발이 가능합니다.)

  (웹을 역동적으로 만들어주는 JavaScript 사용 가능)

- 기업 입장에서는 각 모바일 기기에 맞게 Native App을 개발하는 것보다 

   웹 프로그래머 인력을 통해 개발하는 것이 더 경제적입니다.

- 카메라 등 모바일의 Hardware 장치 제어가 힘듭니다.

- 스토어나 마켓에 출시할 수 없습니다. 

 

Native App (네이티브 앱)

- 모바일 Hardware장치와 저장된 정보까지 이용할 수 있습니다.

- 모바일 웹과 하이브리드 앱보다 성능과 기능면에서 좋습니다.

  ex) 인터넷 연결이 되지 않아도 이용가능합니다.

- 상대적으로 높은 수준의 기술력과 많은 인력이 필요합니다.

  ex) Android & IOS 그리고 버전, 모바일 기기별 따로 개발해야 하며 그만큼 개발기간과 전문 인력이 요구됩니다.

       스토어와 마켓 정책에 따라 등록절차나 업데이트까지 다소 시간이 소요됩니다.

 

Hybrid App (하이브리드 앱)

- WEB + Native App = Hybrid App

- 웹으로 만들어진 페이지를 애플리케이션으로 변환해 주거나 애플리케이션처럼 독립적으로 실행되게 해주는 기술

  즉, 웹 제작 기술을 그대로 활용하고 Native App으로 변환 혹은 포함.

  ex) 웹을 하나의 App 위에서 구동하는 방식, 웹을 Native 코드로 변환하는 방식 

- HTML 기반임에도 불구하고 스토어나 마케엣 등록 할 수 있습니다. 

- 플러그인을 통해 몇몇 Hardware 기능을 사용할 수 있습니다.

- 보여지는 것은 App이지만 실제로는 Web으로 구동되기에 실시간 업데이트도 가능합니다.

  즉, 유지보수 할것 있으면 파일만 교체해서 빠른 작업이 가능합니다.

  (안드로이드/IOS 개발자를 채용하는 것보다 기존 웹 개발자로 가능하다는 점에서 효율적입니다.)

- 안드로이드 & IOS 등 OS 제한이 없습니다.

- Native App보다는 실행속도가 낮습니다.

- 사용되는 기술로는 대표적으로 Cordova, PhoneGap, Titanium, ionic, Xamarin, Fuse가 존재합니다.

 

잘 만들어진 하이브리드 앱과 네이티브 앱은 구분되지 않는 경우도 많기 때문에

서비스와 개발 환경에 따라 적합한 서비스 형태를 선택해야 합니다.

 

고려사항 예시

- 보유 기술 및 역량

- 개발 기간 및 비용

- 모바일 웹의 경우 터치하는 공간(키패드)과 다양한 효과(손가락 쓸기, 뒤로가기 처리 등) 고려

- 모바일 해상도를 먼저 고려해서 제작하는 것이 좋습니다. (Mobile First)

- 모바일 기기에서 JavaScript 라이브러리를 동작여부를 확인해야 합니다.