jquery-loading

Javascript 하면 jQuery 를 빠트리고 얘기 할 수가 없겠죠? 저 같은 경우에도 jQuery 의 사용 비중을 정말 많이 줄인다고는 하고 있지만 절대 아예 사용을 하지 않을 수는 없는 것이 jquery 인 것 같습니다.

이번 포스팅에서는 몇일 전에 사용하였던 jquery-loading 플러그인을 소개 해드릴까 합니다. jquery-loading 의 경우 사용방법이 아주 간단하고 표시되는 로딩도 아주 깔끔합니다.

그리고 무엇보다 다른 로딩 플러그인과는 다르게 로딩이 표시 되는 영역을 지정하지 않아도 되는 점이 마음에 들었습니다.


jquery-loading 다운로드

Homepage : http://carlosbonetti.github.io/jquery-loading

Github : https://github.com/CarlosBonetti/jquery-loading

jquery-loading 을 다운로드 하는 방법은 npm 을 사용하거나 bower 를 사용하면 되는데요. 이 두 가지 모두 싫으시다면 그냥 Github 홈페이지에 접속하셔서 js, css 파일을 각각 직접 다운로드 하시면 됩니다.

bower를 사용하여 다운로드

$ bower install jquery-loading

npm을 사용하여 다운로드

$ npm install --save-dev jquery-easy-loading

사용방법




<-- body

로딩 되어 지는 부분 입니다.
body !-->
간단하죠? 좀 더 자세한 예제 및 사용방법은 홈페이지를 방문해보세요.