전체 글 (18) 썸네일형 리스트형 Code Conventions for the JavaScript Programming Language Code Conventions for the JavaScript Programming Language 본 문서는 Douglas Crockford 의 자바스크립트 코딩 컨밴션과 YUI 공개 컨밴션을 기본 문서로 하여 작성된 자바스크립트 토딩 컨밴션 문서다. Javascript File (코드 파일) - 자바스크립트 포르그램은 .js 확장자로 저장 - 특정 세션 또는 페이지 로직을 위한 코드가 아니면 HTML 파일과 별도의 파일로 저장. - 태그를 의 최대한 밑부분에 위치시켜야 한다. 이것은 스크립트 로딩/파싱으로 인한 지연을 피할 수 있다. 서버가 MIME type을 정하기 때문에 language 또는 type 속서을 안 써도 된다. Indetation (들여쓰기) - 들여쓰기의 기본 단위는 4개의 스페이.. __proto__ 와 construct 와 prototype Javascript 클래스에서 상속에 관해 들어가기전에 앞의 4개의 포스팅에 관해 다시 한번 정리하고 넘어가겠다. __proto__ 는 function A() {}; var B = new A(); 에 관해 B.__proto__ == A.prototype 이것이 성립되고. B.__proto__ == B.constructor.prototype 이 성립된다.. 여기서 조금 이해가 안가시는 분은 다음을 보시면 된다. B.__proto__.prototype == B.constructor.prototype.prototype 이렇게 된다. 다른건 다 두고서라도 이것에 관해 집고 넘어가겠다. firefox 와 오페라 9.5(분명 비표준인데 이번에 __proto_ 속성을 추가했다.. 이 시대를 역행하는 오페라 -_-)_.. prototype과 __proto__ 와 constructor 이걸 4개의 포스트에 걸쳐 쓰게 될 줄은 몰랐다. -_- 처음에는 가볍게 시작한 공부였으나.. (이건뭐... 보면볼수록 새로운게 나오니... -_-) 말 그대로 시작은 미미했으나 끝은 창대하리라... 허어... -------------------------------------------------------------------------------------------------- 다시 정리해보자 constructor : 초기화에 사용된 함수(오브젝트) prototype: 확장하기 위한 오브젝트 (constructor로 초기화된 오브젝트에 대해서) __proto__ : 프로토타입 오브젝트(프로퍼티가 발견되지 않았을 때에 탐색하러 가는 오브젝트) 이렇게 되는 것인데... (브라우져 마다 틀리다.. -_.. __proto__ 와 prototype에 대해.. 오브젝트의 특징으로서 모든 오브젝트는 __proto__ 프로퍼티를 가진다. 그리고 모든 함수오브젝트는 prototype 프로퍼티를 가진다. 또 new 에 의해서 작성된 오브젝트의 __proto__ 프로퍼티에는 그 함수의 prototype이 설정되어 __proto__ 는 constructor프로퍼티를 가진다. 이 constructor 프로퍼티는 new 한 함수 오브젝트를 가리키고 있다.. 이게 뭔 소리여 -_- 전에 했던 말과 다르다.. 분명한것은 익스플로어에서는 없어졌다는 것이다... 하지만 계속 봐보자. 아래와 같은함수 Parent.Child가 있다. function Parent() { } function Child() { } Child.prototype = new Parent(); 단순한 계승관계이다.. Javascript의 클래스에 관한 이야기 Javascript 에서 클래스를 만드는 방법은 몇가지 방법이 있다.. 그중에 기본적인 2가지만 하겠다. 첫번째로 var Position = function(x, y) { this.xpos = x; this.ypos = y; }; 위와 같이 생성자가 있으면 메소드를 정할 수 있다. 메소드를 정의 하는 방법은 2가지가 있다. 지금은 쓰지 않고 예전에 많이 썻던 방법이 있다. var Position = function(x,y) { this.xpos = x; this.ypox = y; this.distance = function() { var x2 = this.xpos * this.xpos; var y2 = this.ypos * this.ypos; return Math.sqrt(x2 + y2); }; }; 위.. Javascript의 constructor 와 prototype 생성자함수에서 Object.constructor 를 얻을 수 있다. 예제 1 var stdout = document.getElementById("stdout"); // Object.constructor 그리고 constructor 함수를 얻을 수 있다. var Kitten = function () {}; var mii = new Kitten(); stdout.innerHTML += "mii.constructor : " + mii.constructor + " "; // function () {}; 위에서 mii.constructor은 function () {}; 이 된다. 오브젝트를 생성할 때에 실행된 생성자 함수의 참조가 반환된다. constructor속성은 prototype으로 보관 유지 되고 있다.(.. 티스토리 이벤트 당첨...그러나...-_- 나는 gmail을 잘 안쓴다... 예전에 티스토리 초대권을 Mash up 컨퍼런스에 갔을때 받은걸 gmail 계정으로 하나 생성한게 있다.... 그게 나도 모르는 이벤트에 당첨되었나부다... 당시 초대권 받을때 자동으로 응모된다고 한것도 같고 -_- 여하튼 당첨은 되었다... 근데.. 문제가.... 이것이다... 2월 17일......... 크흑.. 이런 젠장... 불과 몇일전에 봤다... 이런 억울할데가... CSS 핵 XHTML 코더라면 누구든지 사용하고 있는 CSS를 핵을 소개합니다. 뭐, 지금의 나의 능력으로는 CSS를 핵없이는 맞출 수 없습니다. 그리고, 자주(잘) 사용하는 것이 아래의 핵입니다. 【IE7 핵】 *:first-child+html { } 【IE6 핵】 .test { _padding: 0; } 위에는 IE6에만 읽어 오는 언더 바 핵. 【win/mac opera 핵】 ;; { } 【win/mac safari3 핵】 body:first-of-type { } 대체로 이만큼 있으면, 현재 어떻게든 됩니다. 출처 : Ext-japan 사이트 만든 사람 블로그...... 이전 1 2 3 다음
