플러그인 제작 검색 결과

해당 글 3건

[STEP 04] 기초 플러그인 제작 가이드

jQuery PlugIn 기초 이번 단계에서는 플러그인 사용자를 위한 간단한 유효성 검사항목을 추가하여 제작해 보도록 하겠습니다. STEP 04 JavaScript // 전역이 오염되지 않도록 별도의 공간을 생성 // 스코프 함수 (즉시 실행되는 함수 내부) (function(global, $){ 'use strict'; // $.fn.radioClass 플러그인이 존재하지 않는다면? if ( !$.fn.radioClass ) { /** * $.fn.radioClass 플러그인 정의 * @param {string} name radioClass 를 적용할 class 속성 이름 * @param {string} context radioClass 를 적용할 컨텍스트 선택자 * @return {jQuery Obj..
Web Tech/jQuery 10년 전

[STEP 02] 기초 플러그인 제작 가이드

jQuery PlugIn 기초 STEP 01 단계에서는 a 태그가 없는 li 에 class 를 추가하는 플러그인이었습니다. 하지만 li 요소는 탭포커스가 이동되지 않기 때문에 접근성을 위한 탭포커스를 위해 마크업에 a 태그를 추가하여 접근성까지 고려한 플러그인을 제작해보도록 하겠습니다. Mark-up Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor. STEP 02 JavaScript // 전역이 오염되지 않도록 별도의 공간을 생성 // 스코프 함수 (즉시 실행되는 함수 내부) (functi..
Web Tech/jQuery 10년 전

jQuery 플러그인 개발 및 $.extend()

플러그인 개발 서드파티 플러그인이 코딩을 발전시키는 데 큰 역할을 하는 건 사실이지만, 가끔은 한발 더 나아가고 싶을 때도 있다.다른 개발자가 재사용할 수 있거나 스스로 재사용할 수 있는 필요에 의해 새로운 플러그인으로 제작하고 싶을 수도 있을 것이다. 이 포스팅에서는 일반적인 jQuery 플러그인을 제작하는 방법에 대해 살펴보겠다. 플러그인을 작성할 때에는 jQuery 라이브러리가 로드됐다고 가정해야 한다. 하지만 jQuery 플러그인에서 $ 별칭을 사용할 수 있다고 단정지을 수는 없다. 물론 $.noConflict() 메소드로 $ 별칭에 대한 제어를 양도할 수는 있다.많은 개발자들은 jQuery 플러그인을 제작하는데 있어서 $를 사용하지 않으면 코드의 가독성이 떨어져 불편하고 다른 라이브러리와의 충돌..
Web Tech/jQuery 10년 전