Show pageOld revisionsBacklinksBack to top This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong. 웹브라우저를 어플로 포장하다 - 하이브리드 앱 ### 네이티브, 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) open/하이브리드-앱.txt Last modified: 2024/10/05 06:15by 127.0.0.1