하이브리드앱 성능 극복sung hwan ParkThinkreals에서 앱개발을 담당하는 소프트웨어 엔지니어 @muik 입니다. 개발한 앱으로는 쿠폰모아, 포켓스타일 안드로이드앱이 있는데요. 지금까지 앱개발을 하며 하이브리드앱 필요성을 많이 느껴왔습니다. 아마 비슷한 분들이 많을꺼라 생각되어 이번에 하이브리드앱 도입 준비를 하며 경험한 것을 공유해보려 합니다.
Angularjs 도입 선택 가이드NAVER D2[Angularjs 도입 선택 가이드]
본 문서는 네이버 개발자 블로그 hello world 를 통해서 공개되었습니다.
[문서개요]
이 문서는 AngularJS를 사용한 애플리케이션 개발을 계획하고 있거나 AngularJS 도입을 고려 중일 때 참고 할 만한 내용을 기술한다. AngularJS를 사용하는 방법을 다루지는 않는다.
이 문서의 모든 내용은 AngularJS 버전 1.3.x를 기준으로 작성되었다.
Hybrid App Platform - HyWAI 3.5Jonathan JeonHyWAIis an HTML5 based Hybrid Web Application platform that allows you to author native applications with web technologies and get access to APIs and app stores.
HyWAI leverages web technologies developers already know best... HTML and JavaScript.
[DevOn 2013] Backbone.js로 능동적 M-V 디자인 구현하기Gyutae JoBackbone.js에 대한 소개와 기능 설명,
그리고 튜토리얼 애플리케이션을 설계해가는 과정을 간단히 소개하고 있습니다. (DevOn 2013 발표자료)
AngularJS 2, version 1 and ReactJSKenneth CeyerAngularJS 2는 올해 릴리징된 프론트엔드 도구 중 가장 쿨하고 섹시한 도구라고 독자는 믿고있습니다.
AngularJS 2를 실무환경에 적용함으로 얻는 이점.
AngularJS 2와 1의 차이점과 성능.
그리고 ReactJS와 AngularJS 2를 비교하여 퍼포먼스 데이터를 보여줍니다.
마지막으로 AngularJS 2 사용을 위한 번들러(Bundler) 그 중 Webpack, Systemjs, JSPM에 대해서도 안내합니다.
해당 자료는 XECon 2016에 발표되었습니다.
Angularjs, ionic, cordova 기반 syrup store app 개발 사례 공유Sang Seok LimThe best practice of Android application development based on Anjularjs, Ionic, Cordva based Android application
Appview 소개logeoThe "MOML Application Viewer" is an application for browsing MOML(Mobile Object Markup Language) pages on the web.
You don't need to build android application for testing MOML pages if the page is in a web server.
Just run "MOML Application Viewer" and type page url.
By default, this version includes sample pages.
You can add your own site or other MOML application site url.
Hybrid App Platform - HyWAI 3.5Jonathan JeonHyWAIis an HTML5 based Hybrid Web Application platform that allows you to author native applications with web technologies and get access to APIs and app stores.
HyWAI leverages web technologies developers already know best... HTML and JavaScript.
[DevOn 2013] Backbone.js로 능동적 M-V 디자인 구현하기Gyutae JoBackbone.js에 대한 소개와 기능 설명,
그리고 튜토리얼 애플리케이션을 설계해가는 과정을 간단히 소개하고 있습니다. (DevOn 2013 발표자료)
AngularJS 2, version 1 and ReactJSKenneth CeyerAngularJS 2는 올해 릴리징된 프론트엔드 도구 중 가장 쿨하고 섹시한 도구라고 독자는 믿고있습니다.
AngularJS 2를 실무환경에 적용함으로 얻는 이점.
AngularJS 2와 1의 차이점과 성능.
그리고 ReactJS와 AngularJS 2를 비교하여 퍼포먼스 데이터를 보여줍니다.
마지막으로 AngularJS 2 사용을 위한 번들러(Bundler) 그 중 Webpack, Systemjs, JSPM에 대해서도 안내합니다.
해당 자료는 XECon 2016에 발표되었습니다.
Angularjs, ionic, cordova 기반 syrup store app 개발 사례 공유Sang Seok LimThe best practice of Android application development based on Anjularjs, Ionic, Cordva based Android application
Appview 소개logeoThe "MOML Application Viewer" is an application for browsing MOML(Mobile Object Markup Language) pages on the web.
You don't need to build android application for testing MOML pages if the page is in a web server.
Just run "MOML Application Viewer" and type page url.
By default, this version includes sample pages.
You can add your own site or other MOML application site url.
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트Dae KimCloudBread
클라우드 기반 무료 오픈소스 프로젝트로, 모바일 게임과 모바일 앱에 최적화된 게임 서버 엔진입니다. 모든 서비스는 마이크로소프트의 클라우드 서비스인 Azure에 최적화되어 동작하며, 안정성과 확장성을 목표로 개발 중입니다.
기능
•PaaS / DaaS 서버 엔진•PaaS, DaaS 로 손쉬운 개발 및 서비스 즉시 배포
•Real Auto Scale - PaaS
•개발/테스트/배포 = 통합 환경
•서비스 규모에 따른 앱 변경 없음
글로벌 론칭 아키텍처
•글로벌 론칭+데이터 동기화
•설계 부터 클라우드에 최적화된 아키텍처 및 프레임워크로 개발
•오픈소스 프레임워크 활용 개발
보안, 관리, 기술교육
•저장/통신에 표준 암호화 기술 적용
•기본 관리자 서비스 및 커스터마이징
•분석/관리 배치 작업 추가 제작 가능
개발자 그룹
•페이스북 사용자 그룹 : https://www.facebook.com/groups/cloudBreadProject/
지원되는 모바일 & 클라이언트환경
•iOS, Android, Windows Phone, Windows 스토어앱, Xamarin, PhoneGap, Sencha 등
•Microsoft Azure Mobile Service가 지원하는 모바일 및 다양한 클라이언트 플랫폼 지원 : http://azure.microsoft.com/ko-kr/documentation/services/mobile-services/
설치
•Wiki의 튜토리얼 설치 참조
프로젝트 설명
•모바일게임과 모바일 앱에서 사용되는 사용자의 패턴과 액션을 기록해 기능들을 제공
•클라이언트 모바일 디바이스는 게임서버로 JSON 방식의 데이터를 요청하고 서버가 해당 데이터를 처리 후 응답
•약 100여개의 비즈니스 로직이 기본제공(Wiki 참조)
•클라이언트는 마이크로소프트가 오픈소스로 직접 만들어 제공하는 라이브러리를 통해 서버로 API를 호출
실행 예제와 API 리스트는 Wiki 참조
Contribute/질문/토론
•페이스북 사용자 그룹 : https://www.facebook.com/groups/cloudBreadProject/
iCloud 튜토리얼(2013.6 스마트앱개발자포럼 발표)Changwon National UniversityiCloud는 iOS 또는 Mac장비들 간의 자료를 동기화시키는 애플사의 서비스로 iCloud는 사용자의 문서나 그림등을 저장하는 중심서버의 집합을 일컫는 용어로 사용되기도 합니다.
이 튜토리얼에서는 iCloud의 개념과 개발상의 문제점을 알아보며 간단한 소스코드를 통하여 실제 활용하는 기법을 익혀봅니다.
H3 2011 HTML/CSS로 만들어진 디테일이 살아있는 앱 제작의 노하우를 모두 공개합니다!KTHThis document provides guidance for developing HTML and CSS code for mobile devices. It discusses topics like screen resolutions and pixel densities for different devices, techniques for responsive design like viewport settings and media queries, and patterns for touch-friendly interfaces using large hit areas and fingers instead of cursors. The guidance is organized into sections covering platforms, resolutions, layouts, images, and inputs with examples of code implementations.
27. ✓ UIPageViewController로'이미지'뷰어'구현
두 개의 View Controller가 필요
컨텐츠가 정의된 View Controller
페이지를 제어할 UIPageViewController가 정의된 View Controller
컨텐츠 정의 View Controller
이미지 설명과 정보, 페이지 번호 property 구현
UIPageViewController
포함된 View Controller에 ContainerViewController로 정의
페이지 넘김 효과 정의
dataSource, delegate 정의
28. ✓ UIPageViewController'구조
각각은'동일한'구조의'ViewController
현재'index의'-1,'+1'위치의'ViewController'미리'준비되는'구조
idx'='current'-'1 idx'='current idx'='current'+'1
Before Current After