- 하이브리드 앱
- 웹 앱
- 네이티브 앱

- 아파치 코도바(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 하이브리드앱
• 하이브리드 앱 파헤치기

| 네이티브앱 | 모바일앱 | 하이브리드앱

—|—|—|—
단말기 설치여부| O | X | O
앱스토어 판매 | O | X | O
업데이트 | 불편 | 용이 | 잦은 업데이트가 필요 없음
단말기 기능 이용 | O | X | O
반응 속도 | 가장 빠름 | 빠름 | 다소 느림
개발 환경 | 스마트폰 별 | 표준 | 표준

모바일 앱은 개발 방식에 따라 네이티브 앱, 웹 앱, 하이브리드 앱으로 나누어 볼 수 있다.

- Android, iOS, Blackberry, WindowsPhone 등의 여러 모바일 플랫폼에서 작동하는 어플
- GPS, 카메라, 통화 등의 모바일 기기 기능을 사용하는 어플
- 인터넷 접속이 안 되는 상황에서도 작동하는 어플
- 네이티브 앱에서만 얻을 수 있는 고성능의 그래픽이 필요하지 않은 어플

- 일부 플랫폼의 경우 성능 저하

1. 통신을 이용하는 방식에서 성능저하

- 웹 표준 침해 가능성 존재

1. 각 플랫폼마다 자신들만의 기술 정립
2. 웹은 같은 기술을 썼을 때, 같은 화면을 보여주어야 한다.

- 최신 모바일 기술 접목의 어려움

1. 지원해주는 프로그램 필요(웹으로 개발한 것을 각 플랫폼에 맞게 바꿔줌)
2. 불가능하지는 않으나 시간이 약간 걸리 수 있음(webview 이용시 개발 가능)

Native App Development Summary

rscFzk

• Native-Web-or-Hybrid-Mobile-App-Development
• 하이브리드 앱 강좌 #0. 서론
• AppBuilder
• 하이브리드 앱 개발 개요