최근 사용하는 jQuery 플러그인 4가지.

본격 IT 블로거로 거듭나는..(퍽) 기념으로 jQuery에 대한 글을 한번 써봅니다.

요즘 한참 마무리 작업중인 웹사이트의 UI(아 작업하기 정말 손아프죠..) 부분의 코딩하는데 적지않게 jQuery의 도움을 받아서 도움 받은 것들을 공유(사실 제가 내가 기억못할까봐..)하고자 포스팅으로 남겨봅니다.


1. jQuery UI

생각보다 jQuery를 사용하시는 많은 분들이 모르시더군요. 일반적으로 우리가 생각하는 UI에 대한 효과를 주는 기능들이 많이 구현되어 있습니다.

버전 1.9로 올라가면서(그전부터 이미 개념적으로는 그렇게 동작하던 부분입니다만) jQuery - jQueryUI - jQueryUI Widgets 의 구조로 정리되었습니다.

주요 기능(Interactions, Effects)들이 있고 이걸 활용한 Widgets들이 있는데 저는 Interactions 보다 몇가지 Effects와 Widgets를 주로 사용합니다. 제 주변여건상 Interactions의 몇가지 예제를 클라이언트들에게 보여주었다간... Web Desktop 기능을 다 만들어내라고 할지도 몰라서.. OTL

주로 많이 사용하는 Widgets은 Diallog/Tab/Datepicker/Tooltip 입니다. 주로 Form 작업에 많이 쓰게되더군요.


2. DataTables


게시판이나 어떤 목록을 보여줄 때 제일 귀찮은게 검색/페이징 다는 일일 것 같은데 DataTables이 그걸 완전한 수준으로 대체해주지는 못하더라도, 기본적인 기능들은 충분히 해줍니다. 거기에 Theme 기능도 지원하기 때문에 간단한 관리도구 등에서 편하게 사용하시면 될 것 같습니다.

규모가 좀 되는데서 사용하시려면 페이징 같은 것은 좀 더 튜닝(디자인/DB나 스토리지에서 가져오는 방법)해서 사용하시길 바랍니다.


3. FullCalendar

달력 기능 많이들 요구받으시지요? 그에 대한 해답(?)이 여기 있습니다. 각종 예약시스템, 일정관리 시스템에 꼭 따라 붙는 화면전체에 보이는 달력 모양으로 만들어주세요~ 의 해답이 아닐까 합니다. 정말 이름 그대로 FullCalendar!

eventClick 같은 메소드를 오버라이딩 해서 필요한 기능들도 충분히 구현 할 수 있구요. 사용할 수 있는 파라메터들도 충분히 제공됩니다. json 으로 달력의 이벤트들을 가져올 수 있고 그 형태도 나름 정의할 수 있으니 유용하게 사용하시길 바랍니다.

구글 캘린더도 연동된다고 하는데 아직 안해봐서 모르겠네요.


4. evlo.colorpicker


어지간한 웹 에디터에는 꼭 들어가있지만 막상 구현해야 하면 무척 귀찮은 색상선택기입니다. 검색을 해보니 옛날 버젼이 너무 많이 나와서 제일 최신의 것을 사용하기 시작했는데 옵션도 충분하고 무엇보다 팔레트 디자인을 바꿀 수 있고 무엇보다 팔레트의 색 기본 제공 색을 쉽게 작업 할 수 있어서 좋았습니다.

프로젝트 목표가 MS오피스의 색상 선택기를 jQuery로 구현하는 것이군요.

위의 4가지의 도움으로 프로젝트가 순조롭게 잘 진행되고 있습니다. UI에 쥐약인 저라면 상상 못할 일이였을 겁니다. 정말 로또라도 되면 jQuery에 한 100만원(고작?) 기부하고 싶습니다.

여러분들은 유용하게 사용하시던 jQuery의 기능이나 플러그인이 있으신가요?

핑백

  • Studio NABU : 2016년 내 이글루 결산 2017-03-20 21:35:29 #

    ... 2 nginx 를 씁시다. 3484 3 성시경의 이상형. 1454 4 폭발 초정탄산수... 1130 5 최근 사용하는 jQuery 플러그인 4가지. 743 2016년에 조회수가 집계 된 포스트가 없습니다. 내 이글루 HOT 포스트 순위 포스트 제목 ... more

덧글

  • 엘레시엘 2012/11/09 09:07 #

    전 bootstrap과 jStorage를 자주 씁니다 ~_~
    특히 bootstrap은 사이트 간단하게 만들때 최고인 듯.
  • NABU 2012/11/09 09:34 #

    bootstrap 정말 대박이죠.
    bootstrap이랑 jStorage만으로 간단한 데모사이트 만들었던 기억이 나네요(몇달 안된일 같은데 금세 까먹고 있다니 ㅠㅠ)
※ 로그인 사용자만 덧글을 남길 수 있습니다.


반응형 광고

구글 광고 작은 것



studionabu.com is powered by Egloos. Subscribe to RSS. Skin designed by 바니.