jQuery

jQuery 소스코드 분석과 함께하는 자바스크립트 공부 – 4

이 글에서 자바스크립트의 function scope(자바스크립트의 변수의 유효범위는 함수 내부로 정해진다는 의미), jQuery chaining patter, jQuery.fn 에 대해서 알아보겠습니다. 1. function scope jQuery의 소스코드를 보면 jQuery 객체가 여러 함수에 겹겹이 쌓여 있는 것을 보실 수 있습니다. 이것은 바로 function scope를 만들기 위해서 입니다. 자바스크립트는 변수의 유효범위가 함수로 결정되기 때문에 새로운 유효범위를 만들기 위해서 - 그 범위안에서 지역변수를 자유롭게 사용하고 범위 바깥에서 그 변수에 접근하지 못하게 하기 위해 - 함수를 사용하게 되는데, jQuery 같이 많은 기능을 가진 복잡한 객체를 만들때에는 이런 저런 변수를 많이 만들... »

jQuery 소스코드 분석과 함께하는 자바스크립트 공부 – 3

이전글에서 변수(데이터)와 함수에 대해 설명했습니다. 이제 jQuery의 객체(object)에 대해서 알아보겠습니다. 오늘 알아볼 내용은 prototype입니다. 자바스크립트는 prototype-based language 입니다. 이것이 어떤 의미인지 알아보기 위해 class-based language와 비교를 할 수도 있지만 지금은 그렇게 하지 않겠습니다. 먼저 prototype이 뭔지 알아야 다른 것과 비교가 가능하기 때문입니다. 이제 prototype은 어떤 것이고 jQuery에서 그것을 어떻게 사용하고 있는지 살펴보겠습니다. 1. 모든 함수는 prototype이라는 프로퍼티를 가지고 있습니다. 그리고 prototype은 객체입니다. 우리는 이것을 core.js에서 JavaScript co... »

jQuery 소스코드 분석과 함께하는 자바스크립트 공부 – 2

이전 글에서 jQuery 소스를 통해 변수(데이터)와 함수에 대해 살펴보았습니다. 이번에는 jQuery의 객체에 대해서 알아보겠습니다. 1. 객체(object)는 단지 사람이나 의자와 같은 객체(속성을 가지고 있는 어떤 것)일 뿐입니다. 자바스크립트에서 객체란 무엇일까요? 이것은 마치 사람, 의자, 개와 같이 어떠한 대상에 대한 표현입니다. 이 대상은 자바스크립트 안에서 "자신의 속성(property)들을 가지고 있는 데이터"로 표현됩니다. 간단한 객체를 하나 만들어 보겠습니다. var shichuan = {}; 각각의 객체들은 프로퍼티(property)와 메서드(method)를 가질 수 있습니다. 메서드도 프로퍼티인데, 특별히 동작을 하는(즉, 함수) 프로퍼티를 메서드라고 부릅니다. 아래의 sh... »

jQuery 소스코드 분석과 함께하는 자바스크립트 공부 – 1

jQuery의 core에는 다섯 개의 중요한 개념이 있습니다. 변수(variables, 데이터), 함수(functions), 객체(objects), 프로토타입(prototype), 상속(inheritance)입니다. jQuery는 jQuery라는 변수에 저장되어 있습니다. jQuery 변수는 두 가지가 있는데 하나는 전역변수(global), 나머지 하나는 지역변수(local)입니다. 자바스크립트의 변수의 유효범위는 함수입니다. 즉, 어떤 변수가 함수안에서 선언되었느냐 밖에서 선언되었느냐에 따라 전역변수인지, 지역변수인지가 결정이 됩니다. 전역변수는 소스코드의 어느 곳에서도 접근이 가능한 변수이고 지역변수는 그 변수에 접근 가능한 범위가 정해져 있는 변수입니다. 그 범위는 바로 그 변수가 선언된 함... »

jQuery UI CoverFlow: jQuery를 사용해서 만든 커버플로우

커버플로우가 무엇인지 아시나요? 커버플로우는 Apple의 iTunes에서 처음 사용되었던 graphical user interface 입니다. 잘 모르시는 분도 그림을 보시면 아, 이런걸 커버플로우라고 하는구나 하실 것입니다. [커버플로우 이미지보기]   검색을 해보면 jQuery를 사용해서 만든 커버플로우 UI를 여러개 찾으실 수 있습니다. 그중에서 Addi Osmani라는 분이 만드신 jQuery UI CoverFlow 2.0 Using $.widget 를 소개해 드립니다. [데모보기]   이 프로그램을 만든 방법에 대해서 간단히 말씀드리면, jQuery UI의 widget factory를 사용해서 만들어진 jQuery plugin이며 CSS3의 transform 속성들이 사용되었습니다... »

Page 5 of 512345