[펌]jQuery in Action 정리 7장 - 사용자 정의 플러그인으로 jQuery 확장하기

7.1 확장을 사용하는 이유

• 사이트 전체에 일관된 코드 스타일을 유지하는 데 도움을 줌
• jQuery의 강력한 기능을 상속받아 사용 가능

7.2 jQuery 플러그인 제작 지침

7.2.1 필드와 함수 이름 짓기

• 플러그인 개발시에 파일이름이 다른 파일과 충돌하지 않도록 만드는 방법
  • 접두어로 jquery.를 사용한다.
  • 이어서 플러그인 이름을 적는다.
  • .js로 파일 이름을 끝맺는다.
• jquery.fred.js
• http://docs.jquery.com/Plugins 페이지의 플러그인 목록을 살펴보는 것도 좋다.

7.2.2 $를 경계하라

• 별칭 jQuery를 사용하는 방법도 있으나 $쪽이 훨신 편리하다.

7.2.3 복잡한 매개변수 목록을 단순하게 만들기

• function complex(p1, p2, p3, p4, p5, p6, p7) {  - 매개변수가 많음
• complex(valueA, null,null,null,null,null, valueB); - null 입력이 많음
• complex(valueA, {p7:valueB}); - options hash를 이용하는 방법
• complex(valueA, {p3:vlaueC, p4:valueD})); - 이런 방법도

7.3 사용자 정의 유틸리티 함수 작성하기

• $.say = function(what) { alert('I say ' + what); }

7.3.1 데이터를 조작하는 유틸리티 함수 만들기

• $.toFixedWidth(value, length, fill) - 전달된 값을 고정폭 필드로 채우는 함수를 만들어 보자
• (function($){

   $.toFixedWidth = function(value, length, fill) {

        var result = value.toString();

        if(!fill) fill = '0;;

        var padding = length - result.length;

        if(padding < 0) {

             result = result.substr(-padding);

        }

        else {

             for(var n = 0; n < padding; n++)

                 result = fill + result;

        }

        return result;

   };

})(jQuery); - 이렇게 구현한다.

7.3.2 날짜 형식기 만들기

7.4 새로운 확장 메서드 추가하기

• 확장 메서드를 추가하여 강력함을 필요한 만큼 확장할 수 있다.

7.4.1 확장메서드에 여러동작 적용하기

• 두가지 이상 되는 기능을 수행하는 새로운 플러그인 메서드 개발

7.4.2. 확장메서드에서 상태 유지하기