본문 바로가기

개발관련/웹 프로그램

항상 쓰는 jquery plugins

예전에 개발을 하면 꼭 common.js 라는 파일을 어디에선가 가지고 왔다. 


common.js파일에는 

기본적으로
폼 체크, 

주민등록 번호 확인, 

이메일 확인, 

숫자, 문자확인, 

팝업띄우기, trim

등등의 소스들이 다 집약되어 있기 때문에 사용이 편했거던

요즘에도 쓰기야 쓰지만 

이와같이 jquery plugin에도 꼭 쓰이는 플러그인들이 있다. 


자주쓰는 플러그인들


jquery.ui - jqueryui.com

- 간단하게 유저 인터페이스 환경을 jquery로 구축해놓은 것이라고 할까?

홈페이지 쪽 작업을 하다보면 디자이너가 필요할 경우가 많다. 

사용자가 만족할 만한 환경을 구축하려니 어쩔수 없겠지만..

가장 문제는 버튼.

이넘의 버튼은 종류도 많은데 멀 그리 바꿔야 할것도 많은지.. 

그리고 플래시....

링크 하나 바꾸는것도 내가 봤을 땐 어려웠거던..


지금 jquery.ui만 있으면 버튼바꾸는거는 일도 아니다. 

전체적으로 테마 색을 변하는거 css하나 다시 올리고 이미지 하나 다시올리면 된다. 


드래그 앤 드롭이나. 이펙트 같은것이 정리가 잘 되어있어 사용하기 편하다. 


쇼핑몰 만들때 위 아래로 좌 우로 움직이던 배너들..

요즘에는 이 jquery로 다 바뀌었다는거..


jquery.form.js - http://malsup.com/jquery/form/

- jquery를 쓰면서 현재 가장 유용하게 쓰는게 ajax

근데 그걸 더 편하게 해주는게 jquery.form 플러그인이다. 

한번 맛들이면 엄청 재밌다. 

페이지 코딩량? 그냥 폼 넘기는게 더 짧다. 


그런데 이건 사용자 환경에서 페이지가 이동을 안하고 처리하므로 엄청 유용하다는거.


xml이나 json로도 가능하고 

가장 중요한건 파일업로드를 하는데

비동기로 된다는거다. 


요즘에야 네이버 에디터나 다음에디터가 워낙 잘되있어서 이런것을 잘 모르지만..

예전에는 보안문제로 좀 안되는게 많았다.

좀 괜찮은 플러그인


light box - http://leandrovieira.com/projects/jquery/lightbox/

예전에나 지금이나 이미지 갤러리는 진짜 빠지지 않고 홈페이지에 들어간다. 

그냥 지금은 좀 더 복잡하게 보여지길 원한다는거..

그냥 라이트 박스 플러그인 하나 깔아주면 된다. 

기본 양식에 맞춰 div에 프로그램만 맞추면 알아서 나온다. 

있어도 그만 없어도 그만이지만 항상 사용할 일이 있더라.


더 많은 플러그인들이 있지만 항상 쓰이는게 아니고 필요에 의해 쓰이는 것이기 때문에 

차근차근 올려야겠다. 


참,  플러그인을 가장 쉽게 찾으려면..

나같은 경우 구글 검색보다는

https://github.com/

여기서 찾는게 정신건강에 이롭다. 



'개발관련 > 웹 프로그램' 카테고리의 다른 글

그누보드 쇼핑몰 만들기 #1  (0) 2013.08.22
jquery plugin dynatree  (0) 2013.08.16
jquery  (0) 2013.08.16
영카트 쇼핑몰 구성확인  (0) 2013.08.12
그누보드 + 블러그 관리자 화면 확장  (0) 2013.08.12