세줄코딩

리터럴과 생성자- javascript pattern 참고 및 정리 자바스크립트에서 객체라고 하면 단순히 이름-값 쌍의 해시 테이블을 생각하면 된다. 다른 언어에서 연관배열이라 불리는 것과 유사하다. 원시데이터타입과 객체 모두 값이 될 수 있다. 함수도 값이 될 수 있으며 이런 함수는 메서드라고 부른다. var dog={} 등 빈 객체라는 표현을 쓸 수 있는데 간결성을 위한 것일 뿐 자바스크립트에 빈 객체란 없다는 사실을 알아두어야 한다. 가장 간단한 {} 객체조차도 이미 Object.prototype에서 상속받은 프로퍼티와 메서드를 가진다.'비어있다'는 말은 어떤 객체가 상속받은 것 외에는 자신의 프로퍼티를 갖고 있지 않다는 뜻으로 이해하면 된다. 사용자 정의 생성자 함수 직접 생성자 함수를 만들어 객체..

반복문과 조건문 올바른 사용법 및 최적화 프로그래밍 언어 대부분이 코드 실행 시간의 상당 부분을 루프에서 소비한다. 무한 루프나 오래 지속되는 루프는 일반적으로 사용자가 사용할때 심한 악영향을 끼친다. 주의 요망~ for문 -js에서 가장 많이 쓰이는 루프 구조 for( 초기화; 실행조건; 실행후코드){ //루프 몸체 } 초기화, 실행조건, 실행후 코드, 루프 몸체 4개의 부분으로 구성됩니다. 초기화-> 실행조건->루프 몸체->실행후 코드 -> 실행조건->루프 몸체->실행후 코드 tip 초기화( for( var i=0 으로 지정하는 구문 뜻함 )는 최초 한번만 일어난다. for문의 초기화 부분에서 var로 선언한 변수의 스코프는 루프레벨이 아니라 함수 레벨. 즉 함수레벨의 스코프 밖에 없으므로 for문안..

전역 변수 최소화-javascript pattern 참고 및 정리 모든 자바스크립트 실행 환경에는 전역 객체가 존재한다.어떤 함수에도 속하지 않는 상태에서 this를 사용하면 전역 객체에 접근하게 된다.전역 변수를 생성하는 것은 , 이 전역 객체의 프로퍼티를 만드는 것과 같다.편의상 브라우저에는 전역객체에 window라는 부가적인 프로퍼티가 존재하며 전역 객체자신을 가리킨다. myglobal="hello";//안티패턴 console.log( myglobal );//"hello" console.log( window.myglobal )// "hello" console.log( window["myglobal"] ) //"hello" console.log( this.myglobal )// hello 전역변수의 ..

호오 한글로 전부는 아니지만 그래도 대체적으로 번역되어 있다.~영어...영어....공부해야하는데....쉽지 않다....ㅋ어찌되었건 ~ 한글로 번역되어있으니 ㅋㅋ 좋다~javascript 의 클로져 부분은 정말 설명이 깔끔한듯하다. https://developer.mozilla.org/ko/

JavaScript로 Base64에서 문자열을 인코딩하고 디코딩. 안전한 암호화 방법이 될 수는 없지만 따옴표나 글자를 깨뜨릴 필요없이 웹 페이지 또는 쿠키 파일에 난독화 문자열을 쓰는 데 매우 유용. ie10 or 모던 브라우저 // Define the stringvar string = 'Hello World!'; // Encode the Stringvar encodedString = btoa(string);console.log(encodedString); // Outputs: "SGVsbG8gV29ybGQh" // Decode the Stringvar decodedString = atob(encodedString);console.log(decodedString); // Outputs: "Hello W..

http://www.addedbytes.com/cheat-sheets/javascript-cheat-sheet/

Foundation HTML5 Animation with JavaScript [Paperback] http://www.amazon.com/gp/product/1430236655/ref=as_li_tf_il?ie=UTF8&tag=bit101-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1430236655 흠 영어만 좀 되면 바로 지르겠는데....ㅋ 거참 아쉽다~ e-book으로 나옴 좀 살펴보기나 해야지~ 다음은 gskinner가 만든 HTML5 canvas framework- easelJS( javascript라이브러리 )- 사용법은 as3와 비슷 http://easeljs.com/ 아래는 Lee Brimelow의 HTML5 canvas framework..