javascript 76

모바일 Javascript API

모바일 Javascript API 모바일 기기(스마트폰, 태블릿 등)를 통해 웹에 액세스하는 사람ㄷ르은 데스크탑 또는 노트북을 통해 웹에 액세스하는 사람들을 따라 잡을 것이라는 전망이 새삼스럽지 않게 지면이여러가지 기술지표에서 나타나고 있습니다. 이제는 웹에서 무엇을 개발하든지 모바일을 고려해야만 되는것이죠 Battery Status API 배터리 상태 API는 시스템의 배터리 레벨 또는 상태에 대한 정보를 제공합니다. 이 API로 배터리이 충전, 방전 여부를 확인 할 수 있습니다. 이 API는 widnow.navigator.battery 객체로 액세스 할 수 있습니다. 배터리 상태 API 지원여부는 if(window.navigator && window.navigator.battery) { // API ..

lang/js 2014.07.29

HTML5 Tutorials 30

HTML5를 배울수 있는 Tutorial을 찾는다면 기본에서 고급까지 배울수 있는 30가지 HTML Tutorials를 소개합니다. Creating a Mobile-First Responsive Web Design 모바일 반응형 웹디자인 만들기 모바일에서 웹 경험을 제공하기 위한 튜토리얼을 제공합니다. Using semantic HTML 시멘틱 웹 사용 시멘틱 HTML을 설명하고, 왜 공부해야하는지 설명을 제공합니다. WebGL 2D Translation WebGL 기초부터 시리즈로 튜토리얼을 제공합니다. Getting started with the HTML5 track element HTML5 트랙 요소로 시작하기 트랙요소는 비디오 및 오디오에 오디오 자막, 자막, 화면 판독기에 대한 설명및 챕터를 추..

lang/html 2014.07.26

javascript 실시간 웹

웹 소켓Chrome >= 4Safari >= 5iOS >= 4.2FF >= 4Opera >= 11 Node.js 와 Socket.IO소켓지원 확인 순서웹소켓어도비 플래시 소켓액티브X HTMLFile IE )멀티파트 인코등을 사용한 XHR긴 폴링을 이용한 XHRJSONP 폴링 ( 교차 도메인 지원 )Safari >= 4Chrome >= 5IE >= 6iOSFF >= 3Opera >= 10.16Node.js - 노드-웹소켓-서버 - Socket.IORuby - 이벤트 머신 - 크램프 - 썬샤워Python - 트위스티드 - 아파치 모듈PHP - php-웹소켓Java - 제티Google Go - 네이티브 주거넛채널 인터페이스를 이용한 발행구독 패턴https://github.com/maccman/guggernau..

lang/js 2013.06.24

javascript 파일 작업

파일 작업 지원 FF >= 3.6 Safari >= 6.0 Chrome >= 7.0 IE : 지원안함 Opera >= 11.1 if( window.File && window.FileReader && window.FileList ){ // API 지원 /* ... */ } 파일 정보 얻기 파일시스템을 자바스크립트로 노훌하는 기능 파일 입력 드래그 앤 드롭 드래그 앤 드롭 규격 명세 FF >= 3.5 Safari >= 3.2 Chrome >= 7.0 IE >= 6.0 Opera : 지원안함 드래그 Drag me var element = $('#dragme'); element.bind("dragstart", function(event){ // jQuery 추상화를 사용하지 않는다. event = event.o..

lang/js 2013.06.21

javascript loader

참고JavaScript 표준을 위한 움직임: CommonJS와 AMD commonJS브라우저용curl.js(http://github.com/unscriptable/curl)SproutCore(http://sproutcore.com)PINF(http://github.com/pinf/loader-js)기타 등등서버사이드용Node.js(http://nodejs.org)Narwhal(https://github.com/tlrobinson/narwhal)Persevere(http://www.persvr.org)Wakanda(http://www.wakandasoft.com)AMD브라우저용RequireJS(http://requirejs.org)curl.js(http://github.com/unscriptable/cur..

lang/js 2013.06.19

javascirpt MVC - 모델

참고 maccman MVC와 명칭공간 var User = { records: [], fetchRemote: function(){ /* ... */ } }; var user = new User; /////////////////////////////////// var User = function( atts ){ this.attributes = atts || {}; }; User.prototype.destory = function(){ /* ... */ }; user.destroy();명칭공간에 대한 자세한 정보는 피터 미쇼 블로그 참조 ORM if( tpeof Object.create !== "function" ) Object.create = function(o){ function F(){} F.protot..

lang/js 2013.06.17

javascript 이벤트

JavaScript Web Application - Chapter2 이벤트와 이벤트 관찰에서이벤트는 자바스크립트 응용프로그램의 핵심이다. 이벤트는 애플리케이션을 동작시키는 원천이며 사용자가 애플리케이션과 의사 소통할 때 필요한 기능을 제공한다. 그러나 동시에 자바스크립느의 비 표준 문제를 일으키는 장본인이기도 하다.브라우저 전쟁이 한창일 때 넷스케이프와 아이크로소프트는 서로 호환하지 않은 이벤트 모델이라는 것을 알면서도 각자 자신의 이벤트 모델을 선택했다. 결국 W3C에서 이벤트 모델을 표준화했지만 인터넷 익스플로러는 IE9까지도 자신만의 구혀을 고집했다.다행이도 jQuery, Prototype 같은 훌류한 라이브러리 덕분에 모든 이벤트 구현에서 동작하는 프로그램을 만들 수 있다. 이벤트 수신addEve..

lang/js 2013.06.14
반응형