Blue Breeze

프로리액트 React.js를 이용한 모던 프론트엔드 구축 ISBN 979-11-5839-042-6 부록B ES6 문법 정리 자바스크립트 2015는 ECMAScript6 또는 ES6이라고도 하며, 자바스크립트 언어의 새로운 버전이다. ES6에는 클래스, 모듈, 새로운 변수 선언 키워드와 프로미스를 비롯해 복잡한 애플리케이션을 작성하기 위한 새로운 구문이 많이 추가됐다. 또한 화살표 함수, 템플릿 문자열, 분해와 같이 코드의 표현력을 높이기 위한 새로운 도우미와 편의 문법syntactic sugar기능도 추가 됐다. 클래스 모듈 let과 const 프로미스 화살표 함수 템플릿 문자열 구조분해 할당 클래스 Class 자바스크립트 클래스는 ES6에 추가됐으며 자바스크립트의 기존 프로토타입 기반 상속에 기반을 두..

Select all DIV text with single mouse click MDN - Window.getSelection() MDN - Selection.collapse() MSDN - Using the TextRange Object Professional JavaScript for web Developers(Book) - How practical are ranges? Ecms-262.pdf - 6th Edition / June 2015 텍스트 선택 function selectText(containerid) { // MSIE if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(docu..

javascript public, private, privileged Private Members in JavaScript 넘 오래되서 이런것도 헷 갈릴때가 있다니... public # In the constructor function Container(param) { this.member = param; } var myContainer = new Container('abc'); # In the prototype Container.prototype.stamp = function (string) { return this.member + string; } myContainer.stamp('def') Private # constructor function Container(param) { this.member..

참고jQuery Mobile 시작 메모Pick up the Android version in the browser by 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..

파일 작업 지원 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..

참고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..

참고 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..

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

http://maccman.github.com/hollaHJS - JQUERY OBJECT ORIENTED CLASSSpinehttp://hanb.co.kr/example/1925 klass.js var Person = new Class;var Person.prototype.init = function(){ // Person을 인스턴스화할 때 호출된다. }; // 사용 var person = new Person; ////////////////상속 var Animal = function(){}; Animal.prototype.breath = function(){ console.log('breath'); }; var Dog = function(){}; Dog.prototype = new Animal;// D..