개발자 / 모바일

네이티브, HTML5, 하이브리드 모바일 앱: 장단점 분석하기

Preston Gralla  | ITWorld 2015.10.01

HTML 5, CSS, 자바스크립트로 만들어지는 웹 앱
웹 앱은 HTML 5, CSS, 자바스크립트로 만들어진다. 모바일 기기의 브라우저를 통해 접근할 수 있고 인터랙티브한 특성을 갖는다. 연락처 목록이나 센서와 같은 모바일 기기의 기능에 접근하는 데 제약이 있다. 한 번만 만들어 웹 서버에 배포하면 된다.

가장 적합한 분야…
- B2B 및 B2E 앱, 내부 회사 서비스 및 리소스

장점
- 웹 표준을 사용하여 제작되지만 “응답성이 높은” 앱으로 설계됨
- 기업에서 기존 웹 개발자를 활용해 제작 가능
- 가장 비용이 덜 드는 앱 제작 방법
- 하나의 코드 베이스만 관리하면 됨
- 신속한 수정, 업데이트 및 배포 가능

단점
- 인터페이스가 표준 네이티브 앱과 다를 수 있음
- 특히 게임 및 그래픽, 멀티미디어 성능이 네이티브 앱에 비해 떨어짐
- 사람들이 새로운 앱을 찾는 주 경로인 앱 스토어에 없음
- 기기의 센서, 하드웨어, 알림과 같은 기능에 대한 접근이 제한될 수 있음
- 사용자가 직접 아이콘을 배치하지 않는 한 기기의 홈 스크린에 아이콘이 표시되지 않음

개발 도구
HTML 5, 자바스크립트, CSS를 사용하여 웹 페이지를 구축하는 데 사용되는 모든 개발 도구는 모바일 웹 앱을 제작하는 데 사용 가능하다. 

- 앵귤러JS(AngularJS) – 구글이 관리하는 오픈 소스 웹 애플리케이션 프레임워크
- Ember.js – 오픈 소스 자바스크립트 웹 애플리케이션 프레임워크
- 리액트(React) – 페이스북 등이 구축하고 관리하는 오픈 소스 자바스크립트 라이브러리
- Backbone.js : 자바스크립트 라이브러리
- J쿼리(JQuery) : 자바스크립트 라이브러리
- 미티어(Meteor) : 오픈 소스 자바스크립트 프레임워크
- 부트스트랩(Bootstrap)과 부트스트랩 자바스크립트(Bootstrap Javascript) : “응답성”을 강조하며 모바일을 우선하는 CSS 프레임워크

회사명 : 한국IDG | 제호: ITWorld | 주소 : 서울시 중구 세종대로 23, 4층 우)04512
| 등록번호 : 서울 아00743 등록발행일자 : 2009년 01월 19일

발행인 : 박형미 | 편집인 : 박재곤 | 청소년보호책임자 : 한정규
| 사업자 등록번호 : 214-87-22467 Tel : 02-558-6950

Copyright © 2024 International Data Group. All rights reserved.