html5(6)
-
HTML5 PhoneGap 강좌 #5 (20120330)
PhoneGap 폰갭 : 하이브리드 WebApp (Webapp + NativeApp) 폰갭을 이용한 바이브레이션 모드 결과 폰갭 + JQM 을 이용한 안드로이드 테스트 (주소록 가져오기) 결과 폰갭을 이용한 안드로이드 테스트 (카메라로 사진찍고 업로드 하여 보여주기) 먼저 SpringUploadTest 를 기동시고 결과 실기기로 해야함
2012.03.30 -
HTML5 Sencha 강좌 #4 (20120329)
SENCHA - Panel 공부 - index.html index.js var myHandler = function(container, newCard, oldCard, index) { alert("[" + container.id + "/" + newCard.id + "/" + oldCard.id + "/" + index + "]"); } doc.js var docked = new Ext.Panel({ fullscreen : true, title : 'dock', // 해당 panel이 mainPanel의 item으로 들어가는데 mainPanel이 // TabPanel이다. 자동 화면과 버튼이 생김, 버튼의 문자열 iconCls : 'info', // 버튼의 iconcss class 명 badgeText ..
2012.03.29 -
HTML5 jQuery 강좌 #3 (20120328)
Geolocation 활용 01. 단순 위도 경도 찾아내기 지도 서비스의 활용 요소 - 특정위치 위경도 - Maker : 지도에 그려야 되는 아이콘 이미지 (Zoom in out 이 안됨) - geocoder (reverse geocoder) : 주소값과 위경도 맵핑 - overlay : 지도 위의 그림 Layer (Zoom in out 이 가능) 02. 지도위의 위도 경도 찾아내기 03. 지도위의 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - WEBKIT 기반의 웹브라우져 - SMART TV 가 구동가능 - ..
2012.03.28 -
HTML5 jQuery 강좌 #2 (20120328)
Cookie -> WEB Storage (client side data 저장 (key-value)) 쿠키의 대체는 아닌 새로운 기술 HTTP의 특징(stateless) - 클라이언트의 커넥션을 서버에 한번 요청을 하면 응답을 주고 끊어버린다 - 클라이언트는 서버에 접속시 마다 서버는 새로운 커넥션으로 인식하므로 동일 클라이언트에서 접속하더라도 구분할 수 없다. - 대안 : session(서버side에 클라이언트정보 저장) cookie(클라이언트의 상태정보 저장)의 활용 - request 에 cookie 데이터를 브라우저가 알아서 해당 도메인을 response할때 head에 붙여 서버로 넘겨주는 형태 (서버가 필요없는 쿠키정보를 모두 넘겨주는 형태임) ------------------------------..
2012.03.27 -
HTML5 jQuery 강좌 #1 (20120327)
HTML5는 W3C에서는 2014년 10월에 표준안이 완성될 계획이므로 관련된 메소드가 drop 될 수 도 있다 + APP - 개발생산성 - Android - java | 유지보수성 iDS - object C | Bada - C++ | Window Phone - C# | + WEB - 장점 - 유지보수성(OK) (HTML4) 단점 - Network Traffic, 속도, UI, 기능 HTML5 - 테스트 사이트 - www.html5test.com , gs.statcounter.com 데모 사이트 - http://html5demos.com/dnd-upload 유용한 사이트 - www.w3.org , caniuse.com (canvas, socket 등과 같이 컴포넌트가 지원되는 브라우져 검색) Androi..
2012.03.26 -
HTML5로 ActiveX를 없애자
http://web.kisa.or.kr/02/b/activeX_content02_a.jsp HTML 4.X 및 XHTML 1.X 기술 사양은 정적인 웹 페이지를 제작하는데 중점을 두다보니, 사용자와 상호 작용하는데 중요한 웹 폼(form)의 기능이 상당히 빈약하다. 특히, 다중 파일을 업로드하는 기능을 지원하지 않고, 하나의 폼에 하나의 파일만 업로드할 수 있다. 이러한 기능 제약은 다수의 파일을 첨부하는 이메일 서비스 및 웹하드 서비스를 구현하는데 장애물이다. 사용자들이 매번 파일을 업로드해야 하는 불편함을 덜어주기 위해서, 개발자들은 액티브X 확장기능으로 다중 파일 업로드 기능을 구현하기 시작했고, 그 결과 국내 다수의 웹 메일 서비스나 웹하드 서비스는 물론이고, 다수의 사진이나 파일을 업로드 하는 ..
2011.09.29