본문 바로가기
[JavaScript/Tutorial] Closure 와 Function.bind 의 사용. Closure와 Function.bind 의 사용 [이전강좌] Scope. var 없이 변수 정의하면? Global variable 접근방법은? Closure Closure 는 Scope 의 확장판으로 이해할 수 있다. Function 에 Parameter 형태로 Variable 을 전달하여, 해당 변수를 Local 화 시키는 것도 Closure이고, Outer scope 접속을 위해 임의의 variable 에 this 를 저장한 후, sub procedure 를 실행하는 형태도 Closure 하고 한다. // 변수 로컬화 closure var localizeFunction = function( localizedIndex ){ return function(){ alert( localizedIndex );.. 2013. 5. 26.
[JavaScript/Tutorial] HTML, CSS, 그리고 JavaScript 웹을 구성하는 아주아주 원초적인 언어들을 이야기하라면 HTML, CSS, JavaScript 를 들 수 있겠다. HTML 은 Contents 를 표현하는데 사용되고, CSS 는 Visual 을 담당하고 JavaScript 는 Interaction 을 통해 Dynamic 한 페이지를 제공하는 것을 담당한다. Hello World Click Me! Click Me2! * querySelector 를 통해 검색되는 녀석은 "첫번째" 로 맞딱뜨리는 tag 이다. * addEventListener 의 parameter 들은 eventName, function, useCapture 이다. 이 중 useCapture 가 true 일때는 capturingPhase 로, false 일때는 bubblingPhase 로 작.. 2013. 5. 8.
[jQuery/Tutorial] Callback 을 잘 사용해보자. JavaScript 는 Callback function 을 전달하기가 쉽다.다른 function 의 argument 로 전달하면, 해당 function 의 실질적인 작업이 끝나면 callback function 이 수행된다. jQuery #1 은 argument 가 없는 myCallBack 이란 이름의 callback function 을 등록한다.이 때 " " 를 넣어 string 화하지 않아야 하며, () 도 넣어서는 안된다. #2 는 callback 전달이 아니라, myCallBack( param1, param2 ) 의 수행결과, 즉 return value 가 get 의 2번째 argument 로 전달되는 격이다. #3 은 argument 를 2개 가진 callback function 을 등록한 경우.. 2013. 5. 8.
[jQuery/Tutorial] window.onload vs. ($document).ready 출처 : jQuery 공식 홈페이지. window.onload 는 html 의 모든 load 가 완료되었을 때 불린다.따라서 이미지가 있을 경우, 로드가 완료될 떄까지 onload 에 있는 코드는 실행되지 않는다. 반면에 jQuery의 $(document).ready 는 사용자의 조작이 가능해진 순간에 불린다.따라서 onload 보다 조금 더 실용적이다. jQuery event.preventDefault() 는 원래 기본 동작을 방지한다.위의 예에는 event.preventDefault() 코드가 들어가서 a 의 기본동작인 link 로의 연결이 되지 않는다. 2013. 5. 8.
반응형