Plug-in 검색 결과

해당 글 5건

필수적인 제이쿼리 플러그인 패턴

Essential jQuery Plugin Patterns 자바스크립트에서는 일반적인 개발 문제를 해결하기 위해 입증,검증된 좋은 방법인 Design Pattern(설계 패턴)을 사용함으로써 유용한 이익을 얻을 수 있습니다. 공식 jQuery 플러그인 작성가이드와 Widget 도 훌륭한 출발점을 제공하지만 또 다른 플러그인 디자인 패턴을 살펴보도록 하겠습니다. 플러그인의 개발은 지난 몇 년동안 많은 진전을 해 왔습니다. 우리는 더이상 플러그인을 하나의 방식으로 작성하지 않습니다. 실제로, 플러그인의 특정 패턴은 다른 이슈에 있어서 더 나은 사용성을 제공할 수 있을 것입니다. 일부 개발자들은 jQuery UI widget factory 를 사용할 수 있습니다. 그것은 복잡하고 유연한 UI 구성 요소에 유용..
Web Tech/jQuery 2016. 9. 28. 18:08

Accordion Pattern Collection(아코디언 메뉴)

아코디언 메뉴 타입 모음 아코디언 메뉴에 대한 다양한 자바스크립트 코드 패턴을 알아봅니다. 아코디언 메뉴 JS 패턴 #1 See the Pen 아코디언 메뉴 패턴 #1 by jaeheekim (@jaehee) on CodePen. 아코디언 메뉴 JS 패턴 #2 클릭했던 메뉴를 다시 클릭하면 닫히지 않고 다른 메뉴를 클릭해야만 닫히도록 구현한 경우입니다. See the Pen 아코디언 패턴 #2 by jaeheekim (@jaehee) on CodePen. 아코디언 메뉴 JS 패턴 #3 삼항 연산자를 이용한 패턴입니다. See the Pen 아코디언 패턴 #3 by jaeheekim (@jaehee) on CodePen. 아코디언 메뉴 JS 패턴 #4 객체 리터럴 방식으로 싱글톤 패턴입니다. See the..
Code Lab 2016. 1. 15. 15:54

jQuery skip navigation 플러그인

웹 접근성 강화를 위한 Skip Navigation Plugin Pattern 웹 사이트 제작시 많이 사용되는 스킵 네비게이션에 대해 알아봅니다. 접근성 강화를 위한 스킵 네비게이션을 플러그인화 시켜보고 뒤로가기(shift+tab)을 눌렀을 때에도 올바른 접근을 하도록 구현해 봅니다. Navi 마크업 일반적인 마크업 구성은 아래와 같습니다. 사용자 콘텐츠에 적합하게 구성하시되 네비 항목의 맵핑만 주의하시면 됩니다. html art-5 art-6 art-7 art-8 art-9 art-10 jQuery.fn.skipNav() 플러그인 한글 로렘입숨. 가슴을, 소리. 한글 로렘입숨. 찬란한, 청춘의, 설레는. 햇볕처럼 설레게 빛나는 설레는 피어나는 해도, 숨소리가, 꽃보다 땀 젊음의. 꽃처럼, 찬란한. 어디..
Code Lab 2016. 1. 14. 17:00

radio 버튼 동작과 유사한 radioClass 플러그인 만들어보기

radio 버튼 유사 기능을 플러그인화 하기 라디오 버튼을 클릭하면 그 형제 라디오버튼 해제되는데 이와 유사한 기능을 클래스로 토글시키는 간단한 플러그인을 제작해 봅니다. 예를 들어 li 태그를 클릭할 경우 해당 요소에 사용자 클래스명을 추가하고 형제 요소는 클래스를 제거하는 방식입니다. radioClass 플러그인 마크업은 아래와 같이 구성되어있다고 가정합니다. 사용시에는 정의 마크업을 구성하면 됩니다. html 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. 플러그인은 아래와 같습니다..
Code Lab 2016. 1. 14. 11:40