웹브라우저를 어플로 포장하다 - 하이브리드 앱
### 네이티브, HTML5, 하이브리드 모바일 앱: 장단점 분석하기 [더보기](http://www.itworld.co.kr/news/95791?page=0,0#csidx4f9d2fd7d619adaa3df57cb0ca9ce8b)
- [하이브리드 앱](http://www.itworld.co.kr/news/95791?page=0,2)
- [웹 앱](http://www.itworld.co.kr/news/95791?page=0,1)
- [네이티브 앱](http://www.itworld.co.kr/news/95791?page=0,0)
#### 하이브리드 앱
- 아파치 코도바(Apache Cordova) : HTML 5, CSS, 자바스크립트를 사용하는 모바일 웹 앱을 가져와 이를 기반으로 네이티브 모바일 앱을 빌드하는 오픈 소스 플랫폼
- 어도비 폰갭(Adobe PhoneGap) : 어도비에서 만든 아파치 코도바의 변형
- 알파 애니웨어(Alpha Anywhere) : 웹 앱을 제작하고 이를 네이티브 앱으로 배포할 수 있게 해주는 개발 환경. 프로그래밍 경험이 부족하면 부족한대로 사용 가능하고, 숙련된 프로그래머라면 자신의 코딩 기술을 활용할 수 있다.
- 아이오닉 프레임워크(Ionic Framework) : 앵귤러JS 및 코도바와 연계해 웹 앱을 기반으로 네이티브 앱을 빌드하는 사용자 인터페이스 중심의 프레임워크
- 아웃시스템(OutSystems) : 시각적 도구를 사용한 웹 앱/네이티브 앱 빌드 지원
- 코니(Kony) : 다양한 플랫폼의 네이티브 앱 빌드를 위한 다양한 도구를 제공하는 플랫폼
- 자마린(Xamarin) : 네이티브 앱 빌드를 위한 크로스 플랫폼 개발 플랫폼
- 앱셀러레이터(Appcelerator) : 자바스크립트로 앱을 작성한 다음 이를 기반으로 네이티브 앱을 빌드할 수 있게 해주는 크로스 개발 플랫폼
#### 웹 앱
- 앵귤러JS(AngularJS) – 구글이 관리하는 오픈 소스 웹 애플리케이션 프레임워크
- Ember.js – 오픈 소스 자바스크립트 웹 애플리케이션 프레임워크
- 리액트(React) – 페이스북 등이 구축하고 관리하는 오픈 소스 자바스크립트 라이브러리
- Backbone.js : 자바스크립트 라이브러리
- J쿼리(JQuery) : 자바스크립트 라이브러리
- 미티어(Meteor) : 오픈 소스 자바스크립트 프레임워크
- 부트스트랩(Bootstrap)과 부트스트랩 자바스크립트(Bootstrap Javascript) : “응답성”을 강조하며 모바일을 우선하는 CSS 프레임워크
#### 네이티브 웹
- 애플 iOS: 엑스코드(XCode)
- 안드로이드 : 구글 안드로이드 스튜디오(Google Angoid Studio)
- 윈도우 폰: 비주얼 스튜디오(Visual Studio)
---
- [네이티브앱 vs 모바일웹 vs 웹앱 vs 하이브리드앱](http://rctown.tistory.com/57)
- [하이브리드 앱 파헤치기](http://blog.skhynix.com/1180)
### 한눈에 알아보는 앱과 앱, 하이브리드 앱 비교
| 네이티브앱 | 모바일앱 | 하이브리드앱
---|---|---|---
단말기 설치여부| O | X | O
앱스토어 판매 | O | X | O
업데이트 | 불편 | 용이 | 잦은 업데이트가 필요 없음
단말기 기능 이용 | O | X | O
반응 속도 | 가장 빠름 | 빠름 | 다소 느림
개발 환경 | 스마트폰 별 | 표준 | 표준
모바일 앱은 개발 방식에 따라 네이티브 앱, 웹 앱, 하이브리드 앱으로 나누어 볼 수 있다.
### 하이브리드 앱으로 개발하는 것이 유리한 경우
- Android, iOS, Blackberry, WindowsPhone 등의 여러 모바일 플랫폼에서 작동하는 어플
- GPS, 카메라, 통화 등의 모바일 기기 기능을 사용하는 어플
- 인터넷 접속이 안 되는 상황에서도 작동하는 어플
- 네이티브 앱에서만 얻을 수 있는 고성능의 그래픽이 필요하지 않은 어플
### 하이브리드 앱 개발시 유의할 점
- 일부 플랫폼의 경우 성능 저하
- 통신을 이용하는 방식에서 성능저하
- 웹 표준 침해 가능성 존재
- 각 플랫폼마다 자신들만의 기술 정립
- 웹은 같은 기술을 썼을 때, 같은 화면을 보여주어야 한다.
- 최신 모바일 기술 접목의 어려움
- 지원해주는 프로그램 필요(웹으로 개발한 것을 각 플랫폼에 맞게 바꿔줌)
- 불가능하지는 않으나 시간이 약간 걸리 수 있음(webview 이용시 개발 가능)
Native App Development Summary
- [Native-Web-or-Hybrid-Mobile-App-Development](https://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development)
- [하이브리드 앱 강좌 #0. 서론](http://www.nam.or.kr/archives/21495)
- [AppBuilder](http://www.telerik.com/platform/appbuilder)
- [하이브리드 앱 개발 개요](http://www.slideshare.net/TailoJang/ss-27649686)