• FrontPage
• FindPage
• TitleIndex
• RecentChanges
• UserPreferences

• 자바스크립트 디버그
• 자바스크립트 코드 스타일
• Scriptdoc Specification
• 자바스크립트 함수
• 자바스크립트 연산자
• JsUnit
  
  

• 무툴스 (Mootools)
• 프로토타입 (prototype)
• jQuery
• The Yahoo! User Interface Library (YUI)
• Ext JS

• jQuery Tutorials - jQuery는 최근 급부상중인 라이브러리입니다. 단기간에 크게 성장한, 잘 짜여진 라이브러리라는 장점이 있으나, 시작된지 얼마 안되었다는 것은 단점이기도 합니다.
• YUI Getting Started - YUI는 Yahoo 주도의 라이브러리입니다. 많은 위젯이 공개되어 있다는 장점이 있습니다. DOM 확장을 피해 메모리나 속도 등에 장점도 있어 보입니다. 객체지향적인 부분이 부족한 것이 단점으로 보입니다.
• Ext JS Tutorials - Ext JS 는 Ext JS, LLC 에서 만든 라이브러리입니다. 설계도 깔끔하고 전체적으로 잘 만들어진 프레임워크로 미려한 UI 위젯들이 장점입니다. 단, 특정 회사의 기술이라는 점은 단점입니다. 라이센스는 Commercial License 와 LGPL 3.0, OEM/Reseller License 를 지원합니다.
  
  

• jQuery Tutorials - jQuery는 최근들어 급부상중인 라이브러리인 듯 합니다. amazon.com에서 검색해보니 벌써부터 책들이 많이 쓰여졌네요. 사용해보니 전체적으로 깔끔하고 짜임새 있다는 인상을 줍니다. 기대되는 라이브러리 입니다.
• YUI Getting Started - YUI는 DOM 확장은 피하는 듯 합니다. 대신 Wrapping Class를 제공하는 것 같네요. DOM 확장을 하지 않아 메모리나 속도에 장점이 있을 듯 합니다. 아직 알아본 바가 얕기 때문에, 정확한 파악은 되지 못합니다. YUI는 많은 위젯들로 유명한 듯 합니다. 저희가 찾고 잇는 라이브러리는 크로스 브라우징을 위한 코어 부분이기 때문에, 이 위젯들은 장점으로 활용하기 힘들 듯 합니다.
• Ext JS Tutorials - Ext JS 는 YUI를 모태로 시작했었다는 것 같습니다만 정확하지는 않습니다. Event 모델을 보니 YUI와 굉장히 흡사한 구조이고, 문서에도 언급이 되어 있더군요. 구조화가 잘 되어있고, 클래스 설계도 깔끔하고 전체적으로 잘 만들어진 프레임워크라는 인상이었습니다. 대신 특정 회사가 만든 라이브러리이고, 다른 프레임워크에 비해서 이 특정 회사의 기술이라는 부분을 커버할 정도의 장점은 느끼지 못했습니다. 사실 Ext JS의 큰 장점은 UI 쪽이라고 보는데, 저희가 찾고 있는 라이브러리의 스코프는 UI쪽이 아닌, 크로스 브라우징의 코어한 부분들이기 때문입니다.

• DOM:element.offsetParent offsetParent에 관한 내용이며, offsetParent가 되는 규칙에 대하 간략히 설명되어 있습니다. offset과 관련된 속성들은 DOM 표준은 아니라고 MDC에서 말하며, MSIE에서 사용되던 것이 대부분의 브라우저에서 지원하게 된 것인듯 합니다.

• DOM:element.offsetLeft
• DOM:element.offsetTop
• DOM:element.offsetWidth
• DOM:element.offsetHeight

• offsetParent Property
• offsetLeft Property
• offsetTop Property
• offsetWidth Property
• offsetHeight Property

• 객체가 아님(a value that represents no object)을 나타내는 값.
• 형변환
  • (Boolean)null == false
  • (Number)null == 0
  • (String)null == "null"

• 객체에 assign이 되지 않았음을 나타내는 값.
• undefined와 null은 같지 않음
  • undefined == null (true)
  • undefined === null (false )
• 형변환
  • (Boolean)undefined == false
  • (Number)undefined == NaN
  • (String)undefined == "undefined"

var hello = "Hello";

alert( hello );
alert( window.hello );
alert( hello == window.hello );

• JavaScript - The Definitive Guide 5th Edition
  • Part III. Core JavaScript Reference - Global
  • Part IV. Client-Side JavaScript Reference - window
  • Chapter 13. JavaScript in Web Browsers
  • Chapter 14.Scripting Browser Windows

• 변수 유효범위

  var globalVar = "global"; // 전역 변수.
  
  function Hello() {
      var localVar = "local"; // 지역 변수.
      implicitlyVar = "implicitly" // 전역 변수.
          // (var 선언이 없으면 전역 변수로 선언됨)
  
      for ( var sameAsLocalVar = 0; sameAsLocalVar < 10; ++sameAsLocalVar ) {
          // 지역 변수.
              // (for문 안에서 선언했지만, 자바스크립트는 블록 스코프가 없기 때문에,
              //  Hello함수의 지역 변수가 됨. for문의 밖에서도 접근 가능.)
      }
  }
   

• 유효 범위 추가

  var scope = "global";
  
  function Hello() {
      alert( scope ); // "global" 출력이 기대되나, "undefined"가 출력됨.
      var scope = "local";
      alert( scope ); // "local"이 출력됨.
  }
   

  • 지역변수의 선언은 함수 실행시점에 이루어짐.
• 우선 순위

  var scope = "global"; // 전역 변수.
  
  function Hello( scope ) { // 지역 변수. (함수 파라미터도 함수의 지역변수임.)
      var scope = "local" // 지역 변수.
          // (이미 지역변수 scope가 있기 때문에,
          //  declare 작업은 일어나지 않고, assign 작업만 일어남.)
  }
   

  • 전역 변수보다는 지역변수가 해당 지역에서 우선순위를 가짐.
  • 변수의 선언은 여러번 가능함.
    
    

• Wikipedia - Closure(computer science)
• 클로저(Closure) - 마틴 파울러

• Javascript Closures
• JavaScript Closures for Dummies
• 자바스크립트(JavaScript)와 클로저
• JavaScript 에서 prototype 객체를 사용해서 함수를 추가하는 이유?
• Understanding and Solving Internet Explorer Leak Patterns - 인터넷 익스플로러 환경에서 자바스크립트의 클로저를 제대로 이해하지 않고 사용하게 되면, 메모리가 누수되는 경우가 발생할 수 있다고 합니다. 이 링크는 그에 대한 경고와 해결책들을 알려줍니다. 기존의 웹 패러다임에서는 페이지가 계속 바뀌어 새로 초기화되기 때문에 크게 문제시 될 일이 없었으나, 근래의 웹에서는 Ajax 가 등장하면서 페이지 변경 없이 몇시간씩 구동하는 웹 어플리케이션도 있기 때문에, 이러한 경우에 메모리 문제가 그리 가벼운 문제는 아니라고 하네요. 실제로 인터넷 익스플로러가 등장한지 한참 후인 2005년도에야 쓰인 글이니 만큼 바뀐 웹의 패러다임이 한몫 하는 느낌입니다.
  
  

var hello = $( "Hello" );
Event.observe( hello, "click", function( e ) { Event.stop( e ); } );
Event.observe( hello, "click", function( e ) {} );

Event.observe( document, "click", function( e ) { alert("clicked"); } );

• Private Static Members in Javascript
  
  

• IE + JavaScript Performance Recommendations - Part 1
• IE + JavaScript Performance Recommendations Part 2: JavaScript Code Inefficiencies
• IE + JScript Performance Recommendations Part 3: JavaScript Code Inefficiencies
  
  

• Packer: A JavaScript Compressor
• YUI Compressor
• JSMin: The JavaScript Minifier
• Dojo ShrinkSafe

• Comparison of layout engines (ECMAScript) - 각 브라우저의 엔진별 JavaScript 지원내역이 정리되어있는 페이지 입니다. 인터넷 익스플로러는 Trident 엔진, 파이어폭스는 Gecko 엔진입니다.
• Ext JS - 자바스크립트 위젯 툴킷