> HTML5 관련 자료, Open Sources > 모바일 웹을 위한 도구들

모바일 웹을 위한 도구들

1. Zepto 바로가기
– Zepto는 현재 주로 사용되는 브라우저를 지원하는 아주 작은 자바스크립트 프레임워크입니다. Zepto의 특징 중에 하나로 jQeury와 동일한 코드로 구성이 가능하다는 것과 jQeury에 비해서 매우 가볍게 적용할 수 있다는게 특징입니다. 실제로 제가 개발하고 있는 클라우드 모바일 웹(http://www.moge.me/)에서도 Zepto를 이용하고 있습니다.
그리고, jQuery와 호환이 되는 구조를 기반으로 여러 플러그인을 가지고 있습니다. 예를 들면, jQtouch, Flickable 등이 있습니다.

2. backbone.js 바로가기기
– backbone.js는 웹 프론트엔드에서 MVC패턴을 구성할 수 있는 자바스크립트 프레임워크입니다. controller역할을 하는 collection과 view을 연결하여 데이터 갱신 등을 매우 쉽게 할 수 있도록 도와줍니다. 또한, 백엔드와 연동 기능도 지원하고 있습니다.

3. modernizr.js 바로가기
– modernizr.js는 사용자 브라우저에서 HTML5와 CSS3의 기능이 동작 가능한지를 확인해 주는 자바스크립트 프레임워크입니다.

4. Ratchet 바로가기
– Ratchet은 간단한 CSS와 자바스크립트 라이브러리로 HTML로 구성된 내용을 간단하게 모바일 앱 UI로 보여주는 컴포넌트입니다.

이상 몇가지 매우 잘 알려진 자바스크립트 프레임워크와 컴포넌트들을 간단하게 알아 보았습니다. 그리고, 마지막으로 이상의 잘 알려진 프레임워크와 컴포넌트를 모아서 네이티브 모바일 앱과 유사한 Look&Feel을 만들어 낼 수 있는 Junior라는 프로젝트도 있습니다.

간단한 프로토타입을 네이티브가 아닌 웹으로 구성하려고 하는 경우 Junior를 이용하는 것도 좋은 방법이 될 것 같습니다.

Junior 홈페이지 바로가기

Jr. CSS&JS Components

Jr. CSS&JS Components

  1. 댓글이 없습니다.
  1. No trackbacks yet.

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중

%d 블로거가 이것을 좋아합니다: