개발자의 끄적끄적

[javascript/jquery] jquery count up library / jquery 숫자 카운트 업 라이브러리 [링크] jquery 에서 숫자를 다루다 보면 특정 숫자를 카운트 업 효과를 주어서 숫자가 점점 증가되는 효과를 적용해야 되는 경우가 종종 있습니다. 그럴때는 countup 라이브러리를 사용하시면 됩니다. 아래 링크 들어가보시면 적용방법이 엄청 간단합니다! 참고들 하세요! jquery count up library site : https://github.com/bfintal/Counter-Up GitHub - bfintal/Counter-Up: Counter-Up is a lightweight jQuery plugin that counts up to a targeted number w..

[javascript/jquery] jquery number format library / jquery 숫자 포맷 라이브러리 [링크] jquery 를 사용하다보면 숫자형식을 사용하는 경우가 많이 있습니다. 소수점이라든가, 금액처럼 숫자 포맷을 변경해야하는경우 스크립트로 작성해도 되지만, 유용하고 편리한 라이브러리가 있어서 공유해보고자 합니다! 아래 사이트 들어가보시면 사용법도 간단하게 잘 설명되어 있으니 금방 적용하실껍니다! 참고들 하세요! jquery number library site : https://github.com/customd/jquery-number GitHub - customd/jquery-number: Easily format numbers for display use. Replace ..

[javascript/jquery] javascript encodeURIComponent example / 자바스크립트 특수문자 전송하는 방법 javascript 에서 서버로 데이터를 전송하다보면 특수문자를 전송해야하는 경우가 있습니다. 특히 get 방식으로 전달하면 & 과 같은 특수문자가 잘못인식되는 경우가 있습니다. encodeURIComponent 그럴때는 위에 나와있는 encodeURIComponent 를 해당 값에 사용해주면 됩니다 예를들어서 url?val=a&b 이면 url?val=encodeURIComponent(a&b) 이런식으로 사용하시면 됩니다! 참고들 하세요!

[javascript/jquery] jquery swiper reach last slide example / jquery swiper 마지막 슬라이드 도달여부 확인하는 방법 jquery swiper 를 이용해서 slide를 구현하다 보면 마지막 슬라이드에 도달했는지를 확인해야 하는 경우가 있습니다. 내용을 다 확인했는지 혹은 다시 처음슬라이드로 돌아갈지 등 여러가지 상황을 체크해야하는 경우가 많은데요 그럴때는 아래 나와있는 내용처럼 reachEnd 이벤트를 사용하시면 됩니다. const swiper = new Swiper('.swiper', { // ... }); swiper.on('reachEnd', function () { // to do }); 위 내용 보시면 아시겠지만, reachEnd 이벤트를 ..

[javascript/jquery] jquery swiper slide change example / jquery swiper 슬라이드 변경 이벤트 감지 방법 jquery 에서 슬라이드를 표현하고 싶을때 swiper 를 많이 사용합니다! 그중에서 슬라이드가 변화되었을때를 체크해서 무언가를 띄운다거나 해야 하는 경우가 있습니다. 그럴때는 아래 나와있는 내용처럼 slideChange 이벤트를 사용하시면 됩니다! var mySwiper = new Swiper('.swiper-container', { }; mySwiper.on('slideChange', function () { // todo }); 참고들 하세요!

[javascript/jquery] jquery touch move 제어 방법 jquery 에서 스마트폰에서 터치 하고 움직이는 이벤트를 제어해야 하는 경우가 있습니다. 좌 우로 슬라이드처럼 움직이는걸 제어하는 경우일 텐데요. 그럴때 참고할만한 사이트가 있어서 공유하려고 합니다. 아직 테스트 전이긴 하지만, 곧 테스트해볼예정이라 해보고 문제가 있거나 하면 바로 또 공유하겠습니다! 참고들 하세요! https://jamdol.tistory.com/46

[javascript/jquery] javascript kst example / 자바스크립트 한국 시간 구하는 방법 javascript 에서 KST 즉, 한국시간을 구해야 하는 경우가 있습니다. 간단히 설명하면 기준이 되는 UTC 를 구해서 9시간 차이가 나는 한국시간을 구해주면 됩니다! var cur_date = new Date(); var utc = cur_date.getTime() + (cur_date.getTimezoneOffset() * 60 * 1000); var time_diff = 9 * 60 * 60 * 1000; var cur_date_korea = new Date(utc + (time_diff)); 위 내용 보시면 아시겠지만, 현재시간을 기준으로 UTC 를 구하고 그것을 9시간 차이를..

[javascript/jquery] javascript random number example / 자바스크립트 랜덤 자리숫자 생성 예제 javascript 에서 특정 자리숫자를 랜덤으로 만들어내야 하는 경우가 종종 있습니다. 그럴때 사용할 수 있는 함수를 공유하고자 합니다. function rnd_num(n) { let num = '' for (var i = 0; i < n; i++) { str += Math.floor(Math.random() * 10) } return num; } 위 내용 보시면 아시겠지만, rnd_num 함수에 입력받은 값이 길이가 됩니다! 즉, rnd_num(3) 이면 3자리 랜덤 숫자가 생성되서 리턴됩니다! 참고들 하세요!