이번 포스팅은 자바스크립트 라이브러리 중에서 Spin.js라는 것을 간단하게 소개하고 활용해보는 내용을 정리...

Spin.js는 사용법도 간단하고 커스터마이징도 간편해서(옵션 설정이 많이 제공됨) 추천합니다.


Spin.js 에 대한 간단한 기본 정보는 아래와 같아요.


Spin.js Github Page : https://github.com/fgnass/spin.js

Spin.js Project Page : http://fgnass.github.io/spin.js/

License : MIT


라이선스도 MIT 이니깐 사용하는데 부담도 없구요. 

Github Page나 Project Page에 가보면 쉽게 사용법을 익힐 수 있습니다. 


저는 jQuery ajax를 사용할 때 Spin.js를 사용하려고 합니다. 

아래 간단한 예제를 확인해보세요. 

약간 소스가 길지만 내용은 매우 쉬워요.

var opts는 spin.js 옵션을 정해주는 것이구요. 2


$("#submitButton").click(function(e){ ..... }); 는 submitButton을 클릭했을 때 실행되는 부분으로 

spinner를 실행합니다. 그 다음 ajax로 어딘가에 요청을하고, error 던지 success 던지 아무튼 spinner를 멈추는 소스입니다. 


Spin의 색이라던지 크기 등등은 var opts에 정의된 내용을 수정하면 바로 반영되겠죠?  :)


저한테는 참 편리한 라이브러리에요. github 페이지에서 확인할 수 있는데요. 다른 분들께도 인기가 많네요. :-)

+ Recent posts