HTML5 기업 적용시 고려사항 
W3C HTML5 컨퍼런스 
2014. 11. 04 
미래웹기술연구소 조만영 대표
기업내 전산 시스템의 변화 
1990년대 
Client / Server 
2010년대 
Web App 
2000년대 
Web Based
과거 웹기반 환경 
Intranet, Web based ERP 
쉬운 접근과 배포의 용이 
웹기술의 한계 
ActiveX 의 광범위한 도입 
플러그인 기술 접목
문제들 
MS Windows 종속 문제 
IE 특정 버전 별 종속 문제 
웹브라우저 호환성 떨어짐 
모바일 대응 불가
현재의 사용자 환경 
스마트폰, 태블릿 PC 
BYOD 
웹에서 플러그인 기술 사용 배제 
HTML5
대안은 HTML5 웹 플랫폼 
크로스 플랫폼 크로스 디바이스 
PC, 모바일 대응 
특정 OS 종속 되지 않음 
Rich UI 구현 가능
웹애플리케이션 패러다임 변화 
Page 7
HTML5 HOW? 
HTML5 말은 많음 
뭘 어떻게? 
우리 전산실에는 웹개발자가 없어요 
HTML,CSS,JS 코딩 공부 시작? 
어느 세월에?
우리가 만들것은 홈페이지가 아님 
Web Application 
Grid, Chart 
Component based UI 
Data connection 
MVC 
No plugin based
HTML5 대혼돈 
프레임워크에서 길을 잃다 
jQuery 
AngularJS 
NodeJS 
ExpressJS 
Titanium 
BackboneJS 
Prototype 
Knockout 
Dojo 
ZeptoJS 
YUI 
Bootstrap 
SocketIO 
threeJS 
And so on
어차피 헤맬바엔 Ext JS 로 시작 
Made by Sencha Inc. 
Since 2007 
Web Application Framework 
Full Web Standard 
http://www.sencha.com/products/extjs
ExtJS Framework
Angular JS 와의 비교 
Page 13
jQuery+jQuery UI+Plugins 비교 
Page 14
이런 화면들을 만들수 있음
이런 화면들을 만들수 있음
모바일 대응도 가능 
Sencha Touch
컴포넌트 기반의 높은 개발 생산성 
UI 기획 -> 디자인 -> 코딩 -> 웹프로그래밍 
UI 기획 -> UI 개발 > 웹프로그래밍
개발 저작 도구의 유무 
생산성을 고민하자!
비쥬얼 저작도구 
Sencha Architect
기업에서 HTML5 기술 고려사항 
생산성 
유지보수 가능성 
러닝커브 
ExtJS = HTML+CSS+JS 
기술지원
감사합니다 
미래웹기술연구소 
센차 공인 교육 
외주개발/컨설팅/기술지원 
http://miraeweb.com/sencha 
sales@miraeweb.com

HTML5 기업 적용시 고려사항 : 미래웹기술연구소