본문 바로가기

iCheck - 간단 소개, JavaScript, jQuery, Cehckbox, RadioButton 요즘 자바스크립트 기반의 라이브러리를 검색 및 활용해야 하는 일이 많네요. iCheck는 아름다운 Checkbox와 RadioButton를 쉽게 적용할 수 있는 라이브러리입니다. 물론 jQuery를 기반으로 작동하구요(제가 일부러 jQuery 기반의 라이브러리를 검색하는 것도 이유이겠지만 참 jQuery의 영향력이 대단하다고 느끼고 있습니다). iCkehck에 대한 기본정보는 다음과 같습니다. 홈페이지 주소 : http://fronteed.com/iCheck/ 깃허브 주소 : https://github.com/fronteed/iCheck/ 라이선스 : MIT 일단 라이선스는 MIT 이니깐요. 상용버전에서 사용하셔도 되고, 관련해서 소스코드 공개할 의무는 없습니다. 다만 MIT 라이선스여도, 사용했다면 웹.. 더보기
noUiSlider - 간단 소개, JavaScript, jQuery, Slider, Slide 웹 페이지에 사용할 괜찮은, 쓸만한, 좋은, 이쁜 슬라이더(Slider)를 찾으시나요?? 제가 다 찾아보지 않았지만, 찾던 도중 noUiSlider를 찾았고 찾는 것을 그만뒀습니다. noUiSlider에 대한 기본 정보는 다음과 같습니다. 홈페이지 주소 : http://refreshless.com/nouislider/ 깃허브 주소 : https://github.com/leongersen/noUiSlider 라이선스 : WTFPL (http://www.wtfpl.net/about/) 라이선스는 간단히 말해서 맘대로 하렴 입니다. 저는 웹 쪽 개발을 많이 해보지 않아서, JavaScript나 jQuery에 대해서 잘 모르는데요. 그런 제 수준에서도 사용하기 편한거 보면 정말 직관적으로 잘 개발한 것 같습니다.. 더보기
jQuery ajax - async and sync 간단하게 남겨두려구요. jQuery는 웹 개발에서 많이 사용되고 있는 라이브러리 같아요. 그냥 많이 쓰고 있다는 느낌이 팍팍들죠. 아무튼 jQuery를 통해서도 Ajax(Asynchronous JavaScript and XML) 기술을 활용할 수 있는데요. jQuery나 Ajax에 대한 내용을 여기서 설명드리고자 하는 것은 아니구요. (잘 설명하지도 못하구요 ^^) Ajax Call을 할 때 jQuery에서는 기본적으로 async로 설정되어 있습니다. 많은 경우에서 async가 유용하지만 어떤 경우에서는 sync도 필요하거든요. 설정하는 방법은 아래와 같습니다. $.ajax({ ..... ..... url : ".....url....url....url...", data : tData, dataType: .. 더보기
jQuery UI - Select change example jQuery UI에서 select에 대해 이벤트를 설정하는 것은 일반적인 onchange를 통해 JavaScript 함수를 호출하는 것과 약간 차이가 있습니다. 일단 예제를 보시죠. .... .... T1 T2 T3 select는 일반적인 방식과 동일하게 설정해줍니다. jQuery UI를 적용하면서 select에 change 속성 값으로 함수를 입력함으로써 select의 변경이 있는 경우에 alert를 통해 몇 번째 option이 선택되었는지 출력하도록 했습니다. 위와 같은 형식은 jQuery UI 홈페이지에 http://api.jqueryui.com/category/widgets/ 에 더 자세히 나와있습니다. 더보기