Recent Updates

제가 가지고 있는 코드는 jQuery JavaScript Library v1.4.2 버전입니다.   처음 http://code.jquery.com/jquery-1.4.2.js 코드를 보면 (function(window, undefined) { 위 같은 문장으로 시작한다. 아~. 괄호로 시작하는가? 내 프로그래머 평생 저렇게 밑도 끝도 없이 시작하는 코드는 처음 보노라. 끙! 그 다음. 아! 아~. function인가? function 명도 없이.... 펑션이란 키워드가 나

 원문 http://helephant.com/2008/04/objects-event-handlers-and-this-in-javascript/   event handler로 function 객체의 한 function을 사용할경우, 호출하는 동안  "this"의 참조는 더이상 function 객체를 의미하지 않는다는 중대한 문제에 부딪쳤다. 무슨 말을 하고 있는 것이냐면, 아래 간단한 object를 보자. window의 load event에 대한 handler로 init() function이  할당된

원문 http://helephant.com/category/web-development/javascript-webdev/     javascript closure는 javascript언어에서 매우 강력하다. 상위 function안에 내부 멤버 function을  선언할때,  closure가 생성되는데 이것은 내부 멤버 function에서 외부의 function의 scope내의 모든 변수들을 access가능하게 해준다. 이것은 외부 function이 exit되면서 내부 function을 호출

원문 http://helephant.com/2009/08/javascript-prototype-chaining/   Prototype chaining은 기존의 object에 새 type을 추가하기 위해서 사용된다. 그것은 즉, inheritance(상속)와 비슷한 것이다. Constructor function은 prototype이라 불리는 property를 갖게 된다.prototype property에 추가되는 property와 method는 constructor에 의해 생성되는 모든 object에서동일하게

원본 http://helephant.com/2008/09/constructor-functions/ object란 개별적으로 사용할때는 아주 유용해 보이지만 여러 개를 모아 개별적으로 세팅해서 사용하려면 여간 골치 아픈게 아니다. 따라서 javascript는 constructor를 제공한다. 사실 constructor는 javascript의 일반 function과 다를게 없다. 그것 일반적인 로직 코드들 대신에 object를 생성할때 object를 초기화하는 코드를 넣는 다는 것에 지나지 않는다. 아래는&nb

원문 http://helephant.com/2008/08/functions-are-first-class-objects-in-javascript/   javascript에서 function이란 first-class objects이다. (* 역자 주: first-class objects가 무슨말일까? 이는 smalltalk과 같은 언어에서 처럼 function routine을 parameter로 전달 가능하기도 하고, 다른 서브루틴에서 return 받아 올 수 있으며, 심지어 변수에 저장도 가능하다. 

Javascript anonymous functions 원문 http://helephant.com/2008/08/javascript-anonymous-functions/   익명 함수란 이름없이 runtime순간에 동적으로 선언하여 사용되는 것을 말한다. 익명함수는 function operator를 통해서 선언하는데, function operator는 코드영역 어디에서건 함수를 생성할때 사용하면된다. 예를들면,  함수 호출시  파라미터부분에  새 

자 이제 두번째 라인이다. // Define a local copy of jQuery var jQuery = function( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' return new jQuery.fn.init( selector, context ); }, 위 문장은 JQuery로 할당되는 익명함수의 constructor

 수많은 웹 프로그래머들 중에 javascript의 언어를 이해하는 사람이 몇명이나 될까? 다음 두 질문의 답을 해보자. javascript의 함수는 멤버 변수와 함수를 가질 수 있는가? javascript의 상속은 어떻게 하는가? 어떤가? 당신이 oop 프로그래밍을 알고 있다면 위 질문에 "어 javascript가 oop langugage인가? 라고 궁금해 할 것이다. 수많은 프로그래머들의 오해중에 하나가 javascript의 function을 c나 c#의 function처럼 생각해 왔다는

  요즘 많이 사용하는 JQuery. 막상 사용하다보면 설명이 간결하여, 이해가 안될때도 있고, 그래서 소스코드를 살펴보게된다. 그런데 헉!..  코딩 스타일이 이전에 주먹구구식으로 짜던 내겐 너무 생소하다. 이제껏 javascript 책한번 안보고 코딩을 했던 내겐 너무나 당연한 일이다. 그래서 이것 저것 자료를 찾아보며, jquery code를 분석해보려고 한다. 이글을 읽는 분들도 javascript관련 서적을 한번도 보지 않고, copy & paste만 하셨다면, 이기회에 저랑 같이