제이쿼리5 jQuery - 가장 간단한 슬라이드 HTML / Coin Slider 슬라이드 쇼 애니메이션 가장 쉽게 구현 가능한 플러그인 안녕하세요. 고코더 입니다. 슬라드 쇼를 하는 기능에 플러그인은 참 많습니다. 많은 개발자들이 저마다에 방식으로 만들어 놓았습니다. ● 1. 그런데 이번에 소개할 슬라이드 쇼 HTML은 가장 간단하게 구현 가능한 플러그인을 소개해드립니다. 바로 COIN SLIDER 입니다. http://workshop.rs/projects/coin-slider/ ● 2. 얼마나 간단한지 제가 예제를 한번 만들어 보았습니다. 아래 코드를 참조해주세요. 1234567891011121314151617181920212223242526272829 $(document).ready(function() { coinslider({width:260,height:146,navigati.. 2019. 7. 17. jQuery UI - 이미지 드래그, 리사이징 / resizable() draggable() 제이쿼리 이미지 드래그 드랍, 사이즈 조절 안녕하세요. 고코더 입니다. jQuery UI를 쓸때 가장 많이 활용하게 되는 기능이 두가지가 있습니다. 바로 이미지 드래그와 리사이징 입니다. 레이어 팝업을 만들거나 사용자에게 크기를 조절하게 편의를 제공 하는 기능은 많이 씁니다. 그래서 이번 시간에 제이쿼리를 이용해 드래그와 리사이징을 동시에 배워보겠습니다. ● 1. 아래 소스를 웹사이트에서 실행해보세요. 1234567891011121314151617 $( document ).ready(function() { $('#GoCoderImg1').resizable(); $('#GoCoderImg2').draggable(); }); Colored by Color Scriptercs ● 2. 하나는 사이즈 조절이 가.. 2019. 6. 11. JavaScript - .js 안에서 jquery 사용하는 방법 단독 .js 사용시 제이쿼리 사용법 안녕하세요. 고코더 입니다. .js는 자바스크립트 파일 확장자 입니다. 우리는 흔히 원하는 js안에 붙혀넣고 jquery를 사용하세요. 이런식으로 하시면 jquery 코드를 사용하여 js 코딩을 하실 수 있습니다. 마무리 js 개발이라면 표준 자바스크립트로 만드시는게 더 좋아 보입니다. 2019. 3. 8. jQuery - 예약어 변경 하기 / $.noConflict() 제이쿼리 $ 대신 다른걸로 선언하기 오늘은 jQuery의 예약어를 바꾸는 방법을 알아보겠습니다. 예약어 - 시스템에서 미리 준비해놓은 명명규칙 jQuery의 선언은 아시다 시피 $ , jQuery 두가지가 예약어로 되어 있습니다. ▼아래 예제를 실행하면 1 2 3 4 5 6 7 8 9 10 11 12 jQuery( document ).ready(function() { alert('jQuery'); }); $(document).ready(function() { alert('$'); }); Colored by Color Scripter cs ▼화면과 같은 결과가 보입니다. 그런데 지금은 아무도 안쓰는 프로토타입도 예약어로 $가 되어 있습니다. 함께 쓰면 상당히 혼란스럽겠죠 그래서 jQuery에는 선언 에약어.. 2018. 1. 6. jQuery - 제이쿼리로 QR코드 만들기 jquery QRcode 오늘은 QR코드를 만들어 볼려고 합니다. 바코드 자체도 훌륭하지만 보통 숫자만 쓸 수 있고 영어까지 포함한 바코드 체계를 쓰면 양 옆으로 너무 길어지는 형상이 있습니다. 그래서 나온게 3차원 바코드 QR코드죠 7089글자가 인식 가능하니 사실상 현재로는 가능한 충분한 데이터를 그 작은 네모안에 표현할 수 있습니다. 그래서 오늘은 QR코드를 jquery로 만드는 방법을 알아보려고 합니다. ▼개발자 사이트는 아래와 같습니다. http://jeromeetienne.github.io/jquery-qrcode/ 우리 익스프레스 강의를 들어온 개발자 분들에게 간단한 예제릴 만들어 봤습니다. ▼ 아래 파일을 모두 다운로드 해서 gocoder_qrcode.html를 실행시켜보면 됩니다. ▼ 소.. 2017. 12. 2. 이전 1 다음
