2013. 1. 9. 16:28ㆍMobile Web App/Sench Touch
1. Sencha Touch 소개
Sencha Touch는 Mobile Web Application 개발을 위한 JavaScript Framework 입니다. Mobile에 최적화된 기능을 탑재하고있으며 폰과 태블릿 기기를 위한 Framework 입니다. Sencha Touch는 ExtJS 개발사의 Framework이며 JavaScript, CSS, HTML 등 순수 웹 기술만으로 네이티브 스타일을 표현할 수 있도록합니다. Sencha Touch는 ExtJS를 기반으로 하고 있기 때문에 ExtJS의 API 구조와 문법 체계를 그대로 이어받아, 모바일에 최적화된 기능들이 포함되어 있습니다.
참고로 국내에서는 멜론(http://t.melon.com)이라는 음악 사이트에 Sencha Touch를 적용했습니다.
2. 특징
Sencha Touch는 다른 프레임워크에 비해 상당히 방대한 API(1.1버전 - http://dev.sencha.com/deploy/touch/docs)를 자랑합니다. 또한 객체지향 설계 기법이 적용되어 API가 체계적이고 논리적입니다.
.Net이나 Java와 같은 객체지향 언어를 다뤄본 경험이 있다면 더 쉽게 접근할 수 있슬 것입니다.
Sencha Touch를 이용한 개발은 대부분 Script 영역에서 이루어집니다. jQTouch와 같은 다른 프레임워크는 HTML의 태그요소를 기반으로 동작하지만 Sencha Touch는 모든 구현을 Ext 기반의 Script로 작성해야합니다. 물론 ContentEl과 같은 속성을 이용하여 HTML 태그를 사용할 수 있습니다. 만약 JavaScript의 지식을 갖고 있다면 개발에 큰 도움이 될 것입니다.
Sencha Touch는 HTML5와 CSS3를 지원합니다. 플러그인 없이 멀티미디어 재생이 가능한 Video, Audio 스펙과 향상된 로컬 저장소를 지원하는 웹 스토리지(Web Storage), 새로운 폼양식과 같은 HTML5 기능과 CSS3의 기술이 Sencha Touch에 적용되어 있습니다.
Sencha Touch는 모바일 기기의 사용자 Touch action(tap, double tap, swipe, pinch, tap & hold)에 반응하도록 Touch Event를 지원합니다.
현재 Sencha Touch는 애플 IOS 기반의 모바일 기기와 구글 안드로이드 기반의 모바일 기기에서 안전적인 동작을 보장합니다.
3. 모바일웹앱 프레임워크 비교
jQTouch(version1, beta2) |
jQuery Mobile(alpha 3) |
Sencha Touch(1.0) | |
개발 난이도 |
낮음 | 보통 |
높음 |
표현 자유도 |
낮음 |
보통 |
높음 |
개발 방식 |
Markup 기반 |
Markup 기반 |
Script 기반 |
테마 특징 |
일반 CSS |
테마롤러 도구 지원 |
Sass 기반 |
기반 스크립트 |
jQuery 기반 |
jQuery 기반 |
ExtJS 기반 |
라이브러리 용량 |
적음 | 중간 | 많음 |
최적화 대상 |
Phone |
Phone, Tablet PC |
Phone, Tablet PC |
지원기기 |
한정적 iOS 계열 모바일 기기(Apple) |
다양함 파이어 폭스 모바일 등 |
중간 Blackberry OS 6.0 이상 |
4. 개인적인 견해
직접 Sencha Touch 1버전으로 모바일웹앱 개발을 해봤지만, 타 프레임워크에 비해 무거운 동작과 디버깅할 수 없는 자체버그 등의 이유로 결국 Sencha Touch 1 프레임워크를 제거했던 경험이 있습니다.
자체 버그를 몇가지 발견하였는데, 이 부분은 개선되지 않고 Sencha Touch 2.0 버전을 내 놓은 것이 약간 아쉽습니다.
국내에 Sencha Touch를 사용한 모바일웹앱 사이트가 많지 않습니다. 저 역시 회사 프로젝트로 개발해 본 결과 많이 사용되지 않는 이유를 알 수 있었습니다. Sencha Touch 프레임워크를 사용한 개발자 & 프로젝트가 많아진다면 자체버그를 꼼수(?)를 사용하여 우회할 수 있는 방안도 분명 나오리라봅니다.
Sencha Touch 공식 웹사이트 : http://www.sencha.com/products/touch/
참고서적 : 시작하세요! 모바일 웹 개발(작가:박종명, 출판:위키북스, 발매:2011.06.30)
'Mobile Web App > Sench Touch' 카테고리의 다른 글
2. Sencha Touch 라이브러리 다운로드 (0) | 2013.01.09 |
---|---|
SenchaTouch 패널(Panel) 생성하기 (0) | 2013.01.09 |