Modern Javascript
: web2.0과 함께 자바스크립트 개발에 초점이 맞춰졌다.
다양한 OpenAPI 개발환경이 구축되고, 다양한 모바일 디바이스에서 HTML5로
Application을 개발할 수 있기 때문에 브라우저들은 HTML5기술을 수용하기 위해
경쟁 중이며, 다양한 자바스크립트 라이브러리들이 나오고 개발되어지고 있다.
HTML5는 기존의 문서기반 정보를 탐색하기위한 방식에 불과했다면,
HTML웹환경에서 Application platform을 그대로 가지게 된 것이고 API를 가지고
HTML5기능을 접목시키면 기존에 데스크탑에 있었던 application을
Web에서 그대로 구현 가능해진 것이다.
JavaScript + Html5 + Ideas, Libraries, Tool, API = Marketplace
1. HTML5
▷ HTML5가 모바일에 중요한 이유는 각 모바일 플랫폼용 네이티브앱을
기간내에 모두 만들기는 어렵기 때문이다.
▷ 한글 HTML5 Spec : http://clearboth.org/html5/spec.html
▷ HTML5의 Tutorial & Presentation : http://www.html5rocks.com/
▷ IE에서 HTML5에 새로 추가된 element들을 사용할수 있게 도와준다.
: http://code.google.com/p/html5shiv/
▷ 브라우저가 신기능을 지원하는지 체크하여 조건분기 할 수 있게 도와준다.
: http://www.modernizr.com/
▷ 웹개발자들을 위해 정리된 HTML5 Spec : http://developers.whatwg.org/
▷ HTML5의 Video, Audio 지원이 안되는 브라우저를 지원한다.
: http://videojs.com/, http://kolber.github.com/audiojs/
▷ HTML5 Initializer라는 서비스는 HTML5템플릿을 제공하서 프로젝트 진행을 빠르게
시작할 수 있도록 한다. : http://www.cssclip.com
2. Javascript
▷ zepto.js 는 모바일을 위한 자바스크립트 라이브러리. jQuery 와 호환되는 문법을
사용하지만 jQuery보다 가벼운 용량이어서 용량에 대한 부담을 줄여준다.
▷ 서버사이드 자바스크립트 node.js는 구굴크롬의 V8엔진을 사용하며,
대용량 서버에 적용할수록 기존 서버에 비해 좋은 효율을 보여준다.
자바스크립트로 서버의 모든 기능들을 활용할 수 있도록 계속 개발되어지고 있다.
▷ 브라우저가 아닌 서버/데스크탑 어플을 자바스크립트로 작성하기 위한 Common.js
란 스펙이 있는데, 이는 node.js를 따르고 있고 그 외에도 CommonJS를 통한
많은 시도들이 되어지고 있다.
▷ CoffeeScript 자바스크립트로 컴파일되는 간단한 언어
.: 나 { 가 없는 영어와 같은 간단한 문법을 사용하는데, 문법이 간결해지고 더 빠르게
실행될 수 있도록 컴파일 해주기 때문에 익숙해지면 굉장히 유용하다.
Zepto.js, a jQuery-compatible mobile JavaScript framework in 2K
View more presentations from Thomas Fuchs.
3. Responsive Web Design
▷ 다양한 사이즈의 해상도에 자동으로 대응하기 위한 웹페이지 제작 방법
- Screen Size, Platform, Orientation에 반응
4. Web App Stores
▷ Crome Webstore https://chrome.google.com/webstore
: 구글에서 payment 부분을 개발해놓았기 때문에 웹앱 개발자들이 자신이 만든
앱을 쉽게 팔아 수직을 얻을 수 있는 환경이 생겼다는 점에서 큰 의미
▷ GetJar http://www.getjar.com/
: 멀티플랫폼 앱스토어, 모든 플랫폼의 앱을 동시에 취급,판매한다.
Getjar 는 사용자의 단말정보를 저장하여 사용자에게 필요한 앱만을 리스트에
보여주어 사용자가 신경쓰지 않고 편하게 사용 할 수 있다.
5. Hybrid App
▷ Native App 과 WebApp의 기술을 합친 형태.
▷ 외형은 네이티브, 내용은 웹앱으로 만든것을 말한다.
▷ 멀티플렛폼이 가능한 장점이 있으나,
네이티브 대비 웹부분의 속도가 문제가 되기도 한다.
▷ Hybrid App의 범위
: 서버에 접속해서 웹앱을 실행하는 방식부터 NativeApp내에서 약간의 WebView를
사용하는 방식까지 해당되는 범위가 넓고, 업데이트가 잦은 부분은 웹으로
구현하면 관리에 용이하다.
▷ Hybrid App 개발방법.
: 작업은 웹앱으로 모두 마친 뒤에 Appspresso, PhoneGap, Titanium 같은
프레임웍으로 감싸준다. 프레임웍에서 Device 기능을 컨트롤 할 수 있는
기능을 제공하여 이용할 수 있다.
2011 Mobile & Web technologies
View more presentations from JungHyuk Kwon.
(0) 
(0)Posted by 홍반장
