1 of 19
Downloaded 107 times
Ad
Recommended
하이브리드 앱_개발_개요
하이브리드 앱_개발_개요BongSoo Jang2013년 10월 26일 제주우분투 세미나에서 햇던 발표자료입니다.
제목은 하이브리드 앱 개발 개요입니다.
개요이기에 살짝 건드는 수준입니다.
스마트 모바일 앱 개발 방법론(1)
스마트 모바일 앱 개발 방법론(1)mosaicnet<p>
[데브멘토 동영상] 스마트 모바일 앱 개발을 위한Rational 툴 체인 활용 방안1부(총2부)</p>
<p>
이지은 한국IBM Rational 사업부 컨설턴트</p>
<p>
전 삼성전자 무선사업부3G mobile SW 개발</p>
앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기
앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기위키북스누구나 쉽게 블록 형태의 컴포넌트를 이용해 안드로이드 앱을 제작할 수 있는 앱 인벤터 2의 사용법을 설명하는 자료입니다.
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...Sang Seok LimThe deck includes a set of techniques and knowledge that can be used when you try to optimize the performance HTML5 app, mobile Web site, JavaScript application running on top of a browser or WebView
Introduction to WApplE.js - 트루모바일
Introduction to WApplE.js - 트루모바일TRUEMobileHybrid Mobile Application Framework
(www.wapplejs.com)
1. Native Resource Control
2. Native UI + Web UI
3. Plug-in Expansion
4. Native App Based on JavaScript
5. One Source Multi Use
6. Multi Platform & Device
HTML5를 활용한 하이브리드 앱개발하기
HTML5를 활용한 하이브리드 앱개발하기정현 황This document discusses various options for developing mobile applications including native apps, web apps, and hybrid apps. It focuses on hybrid frameworks like PhoneGap, Titanium, and Appspresso which allow developing apps using web technologies that are then wrapped into native containers. These hybrid frameworks provide access to device features while developing using HTML, CSS, and JavaScript instead of native languages. Demo code examples are provided for building hybrid mobile apps with jQuery Mobile and Sencha Touch using the Appspresso framework.
More Related Content
What's hot (20)
스마트 모바일 앱 개발 방법론(1)
스마트 모바일 앱 개발 방법론(1)mosaicnet<p>
[데브멘토 동영상] 스마트 모바일 앱 개발을 위한Rational 툴 체인 활용 방안1부(총2부)</p>
<p>
이지은 한국IBM Rational 사업부 컨설턴트</p>
<p>
전 삼성전자 무선사업부3G mobile SW 개발</p>
앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기
앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기위키북스누구나 쉽게 블록 형태의 컴포넌트를 이용해 안드로이드 앱을 제작할 수 있는 앱 인벤터 2의 사용법을 설명하는 자료입니다.
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...Sang Seok LimThe deck includes a set of techniques and knowledge that can be used when you try to optimize the performance HTML5 app, mobile Web site, JavaScript application running on top of a browser or WebView
Introduction to WApplE.js - 트루모바일
Introduction to WApplE.js - 트루모바일TRUEMobileHybrid Mobile Application Framework
(www.wapplejs.com)
1. Native Resource Control
2. Native UI + Web UI
3. Plug-in Expansion
4. Native App Based on JavaScript
5. One Source Multi Use
6. Multi Platform & Device
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...Sang Seok Lim
Viewers also liked (20)
HTML5를 활용한 하이브리드 앱개발하기
HTML5를 활용한 하이브리드 앱개발하기정현 황This document discusses various options for developing mobile applications including native apps, web apps, and hybrid apps. It focuses on hybrid frameworks like PhoneGap, Titanium, and Appspresso which allow developing apps using web technologies that are then wrapped into native containers. These hybrid frameworks provide access to device features while developing using HTML, CSS, and JavaScript instead of native languages. Demo code examples are provided for building hybrid mobile apps with jQuery Mobile and Sencha Touch using the Appspresso framework.
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료Hannah Kim
Node.js DBMS short summary
Node.js DBMS short summaryHoChul ShinShort Summary of node.js DBMS - sqlite3, mysql, mongodb.
팀내발표용 초간단 node.js dbms 정리자료
[NEXT] Android 개발 경험 프로젝트 3일차 (Database)
[NEXT] Android 개발 경험 프로젝트 3일차 (Database)YoungSu SonNEXTGRAM을 만들기 위한 여정 3일차
Android Database 프로그래밍을 맛 보는 수업입니다.
Written by 정문철
Reviewed by 손영수
125 고성능 web view-deview 2013 발표 자료_공유용
125 고성능 web view-deview 2013 발표 자료_공유용NAVER D2The document discusses ways to improve the performance of hybrid mobile applications that use WebView. It describes how WebView has less powerful capabilities and worse web standard compatibility compared to mobile browsers. This can cause issues like fragmentation across device versions.
The document proposes techniques for creating a high-performance WebView, including adding new capabilities like WebSockets, and replacing slower native elements like Canvas 2D with optimized custom implementations. It provides code examples for calling JavaScript from native and vice versa on Android and iOS. Lessons learned emphasize minimizing native/JavaScript communication and dealing with threading issues.
Hybrid Mobile Application Framework
Hybrid Mobile Application Framework동수 장Hybrid mobile applications combine native and web technologies. They use a native shell application containing a web view to display web-based UIs, allowing development with web standards like HTML, CSS, and JavaScript. This provides better performance than pure web apps while reducing costs compared to purely native apps. Popular hybrid frameworks include Titanium, PhoneGap, Rhodes, jQTouch, and iUI. They support building cross-platform mobile apps for devices like iPhone, Android, BlackBerry and more.
AUG 리더에 짶원해 보세요!!!
AUG 리더에 짶원해 보세요!!!Atlassian 대한민국대한민국내 각 도시, 또는 주요 거점별 Atlassian User Group을 리딩해 가실 AUG Leader를 모집합니다.
원하시는 도시명 및 본인의 프로필을 첨부하셔서 aug@atlassian.com 과 kr-marketing@atlassian.com 으로 보내주세요!!!
Requirement analysis for the production of educational hybrid web applications
Requirement analysis for the production of educational hybrid web applicationsKwangChul Kim"교육용 하이브리드 웹앱 제작을 위한 요구 사항 분석"
현재의 이러닝 콘텐츠는 다양한 스마트 기기에서 볼 수 있도록 멀티스크린 환경을 짶원해야 한다. 즉 원 소스 멀티 유즈(One Source Multi-Use, OSMU) 기능을 구현할 수 있는 스마트 교육 콘텐츠로 구성해야 한다. 이러한 스마트 교육 콘텐츠를 만들기 위해서는 하이브리드 웹앱 형태의 프레임워크가 필수적이다. 따라서 본 논문에서는 다양한 스마트기기에 이러닝 콘텐츠를 활용할 수 있도록 교육용 하이브리드 웹앱을 제작하기 위한 요구사항을 분석하였다.
Native vs Hybrid vs Web
Native vs Hybrid vs WebRuckitThe document discusses various front-end solutions for mobile development including native apps, hybrid apps, mobile web apps, and responsive web apps, evaluating them against 11 criteria such as performance, graphics capabilities, and offline capabilities. It highlights the advantages and limitations of each solution in terms of ease of access, offline functionality, and social media integration. A scoring system is provided to help weigh the importance of these criteria in determining the best solution for specific project needs.
Android MVVM
Android MVVMDavid Estivariz PierolaThe document discusses the MVVM design pattern for Android development, emphasizing best practices for implementation, such as clear naming conventions and avoiding spaghetti code. It compares MVVM to MVP, detailing its benefits like easier testability, scalability, and maintenance. The document also highlights the use of frameworks like Data Binding and Dagger to enhance MVVM architecture.
2016 Staccato track3 Android를 더 잘 개발하려면? (MVP, MVVM, Clean Architecture)
2016 Staccato track3 Android를 더 잘 개발하려면? (MVP, MVVM, Clean Architecture)승용 윤2016년 11월 26일 Staccato track3 세션 발표자료
Android Data Binding in action using MVVM pattern - droidconUK
Android Data Binding in action using MVVM pattern - droidconUKFabio ColliniThe document discusses Android Data Binding and the Model-View-ViewModel (MVVM) pattern. It covers the basics of data binding, using custom attributes with data binding, creating reusable UI components with data binding, implementing two-way data binding, and using data binding with RxJava and the MVVM pattern. The speaker presents code examples for setting up data binding in layout XML files and Java code, and binding data to views while ensuring automatic updates when the data changes.
[D2 오픈세미나]2.모바일웹디버깅
[D2 오픈세미나]2.모바일웹디버깅NAVER D2This document discusses mobile web debugging. It describes Park Jae-sung's background developing the Jindo framework at Naver Labs. It then provides tips on using Weinre and Chrome DevTools for remote debugging of webviews on Android devices.
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료Hannah Kim
125 고성능 web view-deview 2013 발표 자료_공유용
125 고성능 web view-deview 2013 발표 자료_공유용NAVER D2
Requirement analysis for the production of educational hybrid web applications
Requirement analysis for the production of educational hybrid web applicationsKwangChul Kim
2016 Staccato track3 Android를 더 잘 개발하려면? (MVP, MVVM, Clean Architecture)
2016 Staccato track3 Android를 더 잘 개발하려면? (MVP, MVVM, Clean Architecture)승용 윤
Android Data Binding in action using MVVM pattern - droidconUK
Android Data Binding in action using MVVM pattern - droidconUKFabio Collini
Ad
Similar to 이브리듵ӕ (20)
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망Sang Seok Lim
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...Sang Seok Lim2015년 HTML5 기반 모바일 웹 어플리케이션 기술 개발 동향 정리 및 2016년 기술 변화 예측합니다. Ionic/Angularjs 기반 상용 앱 개발 사례도 상세하게 소개 합니다. 본 자료를 통해서 HTML5 기반 모바일 어플리케이션을 개발시 활용가능한 Framework 및 최적화 분야에 대해서 이해할수 있습니다.
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용ChangGyum Kim연초 HCI2011에서발표한자료입니다. 진작에공유했어야하는데늦장부리느라이제야공유하네요..^^; [모바일웹 UI패턴및 UI개발플랫폼개발사례]
웹:앱 기술 동향
웹:앱 기술 동향ssuser0e53c8외부 강연용 PPT입니다.
비전공 학원 교육생 대상으로 발표에 이용하였던 PPT이고,
세부적인 내용을 배제하였을때 약 3시간 정도 발표 시간이 나왔습니다.
원본은 Keynote이기 때문에 일부 틀어진 부분이 있을 수 있습니다.
강의자료 차세대 웹(Html5) 플랫폼의 동향과 구축 방안
강의자료 차세대 웹(Html5) 플랫폼의 동향과 구축 방안욱래 김
프론트엔드 개발자
프론트엔드 개발자jung kyunghwan유튜브에서 발표영상을 확인할수있습니다.
https://www.youtube.com/watch?v=bwNoh-kdgQA&t=403s
html css3 javascript
2017년 프론트엔드 개발자
web, 이브리듵ӕ
자바스크립트 전망
노매드 커넥션 사내발표 자료
정경환
[Did you know] 모바일 전략과 웹앱 20130703
[Did you know] 모바일 전략과 웹앱 20130703doo rip choi모바일 환경이 다가와서 우리의 개발 환경도 우리가 생활 하는 일상을 변화 하고 있습니다.
앞으로 스마트 단말들이 성장하면서 웹앱의 진화도 빠르게 될 것으로 예측 됩니다.
2년내 Pad 기반의 컴퓨팅 환경이 우리의 대중을 사로 잡지 않을까 하는 예측을 해보며
앞으로 필요한 모바일 서비스의 중요한 부분은 Widget이 되지 않을까 합니다.
..
감사합니다.
HTML5 와 미래웹기술 part 2
HTML5 와 미래웹기술 part 2미래웹기술연구소 (MIRAE WEB)HTML5 와 미래웹기술 part 2
HTML5 and future web technology part 2
HTML5 and mobile era
2016 W3C Conference #8 : IONIC으로 하이브리드 앱 개발하기, 사례와 시사점
2016 W3C Conference #8 : IONIC으로 하이브리드 앱 개발하기, 사례와 시사점양재동 코드랩2016년 12월에 진행되었던 W3C HTML5 Conference 2016의 오후 트렉 (웹프레임워크)의 발표 자료입니다.
캔고루 개발팀장이신 김응주님께서 ‘IONIC으로 하이브리드 앱 개발하기, 사례와 시사점’이라는 주제로 발표를 진행하였습니다. . IONIC에 대한 전반적인 소개뿐 아니라 실제 개발하면서 경험한 다양한 시사점도 공유하였습니다.
[W3C HTML5 2016] Ionic 하이브리드 앱 개발하기, 사례와 시사점
[W3C HTML5 2016] Ionic 하이브리드 앱 개발하기, 사례와 시사점양재동 코드랩 2016년 12월에 진행된 W3C HTML5 2016 컨퍼런스에서 발표한 자료입니다. 발표자는 캔고루의 김응주님입니다.
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망Sang Seok Lim
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...Sang Seok Lim
강의자료 차세대 웹(Html5) 플랫폼의 동향과 구축 방안
강의자료 차세대 웹(Html5) 플랫폼의 동향과 구축 방안욱래 김
2016 W3C Conference #8 : IONIC으로 하이브리드 앱 개발하기, 사례와 시사점
2016 W3C Conference #8 : IONIC으로 하이브리드 앱 개발하기, 사례와 시사점양재동 코드랩
Ad
More from knight1128 (19)
Hancom MDS Conference - KAKAO DEVOPS Practice (카카오 스토리의 Devops 사례)
Hancom MDS Conference - KAKAO DEVOPS Practice (카카오 스토리의 Devops 사례)knight1128카카오 스토리는 한국의 대표적인 SNS 서비스이다.
카카오스토리에서 대용량, NoSQL, Devops, CI/CD 환경을 소개한다.
Apache Thrift
Apache Thriftknight1128Thrift is a software framework that allows for efficient cross-language communication. It provides features such as RPC, code generation, and serialization to make it easy to define and develop services that can be used across multiple languages. Supported languages include C++, Java, Python, PHP and more. Thrift handles low-level details like data serialization while providing an interface definition language to define services and data structures.
Spring MVC 3 Restful
Spring MVC 3 Restfulknight1128Spring 3 MVC can be used to build RESTful web services. It supports annotations like @Controller, @RequestMapping and @PathVariable to map HTTP requests to controller methods. Requests and responses can be in various formats like JSON, XML, RSS using ContentNegotiatingViewResolver. Custom converters can be used to convert request parameters to Java objects. Exceptions can be handled using @ExceptionHandler.
Jersey framework
Jersey frameworkknight1128The document summarizes Jersey Framework, a Java REST framework. It provides an overview of Jersey's features such as supporting JAX-RS APIs, Servlet 3.0, JSON/JAXB, and integration with Spring. A code sample demonstrates a simple "hello world" RESTful service using Jersey with annotations like @Path, @GET and @Produces. The document also covers additional Jersey concepts like request/response processing, URI building, exception handling, and security.
Jdk(java) 7 - 6 기타기능
Jdk(java) 7 - 6 기타기능knight1128This document summarizes new features in JDK 7 including updates to XML stack, JDBC, RowSet, class loading, JVM performance improvements, garbage collection, I/O, graphics APIs, collections, and strict class file checking. It also previews planned features for JDK 8 such as support for modular programming, annotations, collections improvements, lambda expressions, and modularization.
Jdk 7 4-forkjoin
Jdk 7 4-forkjoinknight1128This document discusses Fork/Join framework in Java 7. It explains that Fork/Join is designed to maximize usage of multiple processors by recursively splitting large tasks into smaller subtasks. It uses work-stealing algorithm where idle workers can steal tasks from busy workers' queues to balance load. An example of calculating Fibonacci numbers using Fork/Join is provided where the task is split recursively until the subproblem size is smaller than threshold, at which point it is computed directly.
속도체크
속도체크knight1128This document compares different methods for measuring performance and timing logic in Java, including System.currentTimeMillis(), System.nanoTime(), the StopWatch class from Apache Commons Lang, and the StopWatch utility from Spring Core. Code examples are provided for each method to demonstrate how to use it and sample output is shown. The Spring and Commons StopWatch implementations are then compared in terms of functionality.
Hancom MDS Conference - KAKAO DEVOPS Practice (카카오 스토리의 Devops 사례)
Hancom MDS Conference - KAKAO DEVOPS Practice (카카오 스토리의 Devops 사례)knight1128
이브리듵ӕ
- 2. Background
- 3. Background of Application플랫폼별 이슈(iOS, Android)Device 별 이슈(삼성, LG …)모든 버전에서 동작 가능한 어플 또는 여러 벌의 어플을 개발 - Porting Cost 증가 - 유지보수Cost 증가버전 별 이슈(Android 2.3.3, 3.1iOS 3, 4)iOS, Android 발생 이전의 기존 핸드폰/TV시장과 똑같은 상황이 벌어지고 있음대안플랫폼별 이슈(iOS, Android)One Source, Multi-platformWeb 과 Native 기반에서 동작하는 어플Device 별 이슈(삼성, LG …)HybridApp (Hybrid Mobile WebApp) 버전 별 이슈(Android 2.3.3, 3.1iOS 3, 4)
- 4. Porting 관점AppApp넷플릭스기존iOS 4Android2.3.3Web App배포 단위DeviceDeviceWebKitPorting GlueAppAppiOS 5Android3.1DeviceDeviceDeviceDeviceDevice오픈 소스인 Webkit엔진이 동작되도록 Porting Layer에 새로운 Device만 포팅만 해서 사용하도록 함* 참고 : 블루레이, DVD는 DTV java 플랫폼을 이용하고 있음각플랫폼 별로 신경 써야할 내용이 너무 많음
- 5. Porting 관점HybridApp (Hybrid Mobile WebApp) = NativeApp + 모바일Web HTML5 + JavaScript + CSSWebKitWebKitNative Code(Object C)Native Code(Java)Android App iOS App 1. Device API나 비공유 부분은 각각의 플랫폼 별로 개발해야함2. WebKit을 사용하여 모바일Web을 NativeApp에 적재함모바일Web 부분은 HTML5 기반으로 개발되므로, 모든 플랫폼에서 공유 가능
- 6. Porting 관점Mobile WebApp개발NativeApp으로 어플리케이션을 개발하는 것이 어려움
- 7. 모바일Web Browser에서는 HTML5를 비교적 많이 짶원하고 있음
- 8. 단점 : Mobile WebApp은 카메라, 마이크, 파일 등 Device 접근에 제약이 있음 HybridApp(Hybrid Mobile WebApp) = NativeApp+ 모바일Web 아직 표준화된 Device API 부재로 인해서 모바일Web의 Device 접근성 제약 극복
- 9. HTML5 + CSS3 + JavaScript을 이용하여 쉽고, 플랫폼 독립적으로 개발
- 10. 단점 : WebKit및 HybridApp Framework의 구조적 문제로 속도가 매우 느림 WebKit
- 11. Porting 관점WebKit Project :웹 컨텐트를렌더링하고, 자바스크립트 오류를 검증 툴을 포함Not Brower, Just Engine
- 12. BSD-style and LGPL licenses.
- 13. 포팅된 플랫폼 : iOS, 심비안, Google chrome, Safari , Adobe AIR , Android , Amazon Kindle , QT …
- 14. MAC OS X system framework version of the engine
- 15. Cross Platform C++, 1.8 Million line
- 16. Component
- 17. WebCore: HTML와 SVG에 대해서 Layout, 렌더링,DOM 파싱
- 18. JavaScriptCore : 자바스크립트 레ѫ
- 19. Drosera :자바스크립트 오류 확인 툴
- 20. Sunspider : 자바스크립트 성능 측정 툴
- 21. WebKit포팅시에는WebCore와 JavaScriptCore만 사용HistorySafariBrowserKDEKonquerorBrowser(Linux)오픈 소스화WebCoreKHTML libraryJavascriptCoreKJS library Mac OS 로포팅
- 22. ArchitectureQTMACWindowsWebKit ProjectWebKit API WebCore (HTML 파싱, 렌더링)/platformsJavascriptCore(레ѫ)Porting Gluegraphics, networkOS
- 23. Hybrid App 개발- HybridApp Framework 이용 - NativeApp에 WebKit적재
- 24. Hybrid App FrameworkMobileWeb을 NativeApp처럼 만들어 주는 Framework
- 25. Mobile Web을 위한 ±제공
- 26. Device에 접근 가능한 JavaScript 기반 Device API 제공
- 27. NativeApp과 같이 배포 가능하도록 Packaging 제공
- 28. HTML5 + CSS3 + JavaScript를 사용하여 App 개발
- 29. One Source, Multi Platform 적용 가능 - JavaScript를 통하여 MobileWeb이 접근하지 못하던 Device에 접근 가능 카메라, 마이크, 파일 등
- 30. NativeApp만큼 Deivce연동이 매끄럽지 못함
- 31. Device 연동 UI에도 제약이 많음
- 32. PhoneGap, Titanium, Appspresso등이 유명함Hybrid App FrameworkPhoneGap (http://www.phonegap.com/)많이 유명
- 33. WebKit과 자체 Device API 제공
- 34. iPhone, Android, Blackberry, Palm, Microsoft, Symbian) 짶원Titanium Mobile (http://www.appcelerator.com/) JavaScript를 Cross-Compiler를 통해 Native Code(Objective-C나 Java)로 변환해 주는 Framework
- 35. Javascript가 Native Code로 Invoke
- 36. iPhone, Android, BlackBerry 짶원 Hybrid App FrameworkAppspresso (http://www.appspresso.com/) 국내사인 KTH에서 개발
- 37. KTH의 푸딩얼굴인식이 Appspresso로 개발됨
- 38. WebKit과 Device API 짶원
- 39. Device API는 WAC의 Waikiki 2.0 beta 짶원
- 40. 2개 플랫폼(iPhone, Android) 짶원NativeApp에 WebKit적재HTML5 + JavaScript + CSSWebKitWebKitNative CodeNative CodePlatform BPlatform A
- 41. WAC
- 42. WACWAC (Wholesale Applications Community)세계적인 이동통신사와 제조사들이 통합 AppStore구축을 위해 만든 커뮤니티
- 43. WAC Spec을 통해 Device API 표준화를 진행중에 있음(WAC 2.0 나옴 2011년 6월)
- 44. Waikiki : WAC에서 개발중인 OS 독립적인 WebApp플랫폼 개발 프로젝트 http://public.wholesaleappcommunity.com/redmine/Thank YouEnd of Document