js (64) js 2025. 7. 8. 15:39 [js] copyText 카피텍스트 function copyText(target, txt) { const text = document.getElementById(target).value; navigator.clipboard.writeText(text) .then(() => alert(txt+" 완료되었습니다!")) .catch(err => alert(txt+" 실패하였습니다. 관리자에게 문의해주세요.: " + err)); } js 2025. 7. 7. 14:13 [js]swiper 라디오 선택 옵션 변경 슬라이드페이드플립var slideDefault;let initSwiper = (slideTypeValue, pageEffectValue) => { if(slideDefault) slideDefault.destroy(true, true); let slideType = $("input:checked").val(); slideDefault = new Swiper ('.swiper-container', { loop: true, effect : slideType, slidesPerView: 1, observer: true, observeParents: true, })}// observer, observeParents는 fraction일 때 페이저 숫자 맞추기용도 js 2025. 7. 1. 09:18 [js]animation transform rotate 사용안됨 제이쿼리 애니메이션은 트랜스폼이 적용이 안되므로 gsap을 사용하여 적용가능함// 사용불가$("#box").animate({ transform: "rotate(360deg)"}, 1000); // gasp 예시gsap.to("#box", { rotation: 360, duration: 2, ease: "power1.inOut"}); js 2025. 6. 11. 14:18 [js]룰렛 만들기 let timer=null; $("#roulette_btn").click(function () { if($(this).hasClass("off")){ alert("룰렛을 돌릴수 없습니다."); }else{ if(timer) return; rouletteStart() timer = setTimeout(()=>{ timer=null },3500) } })// 연속 돌리기 막기 위함 let rouletteStart = () => { rouletteBoard.css("transform",`rotate(-30deg)`) $("#winning_ment").hide(); $("#roulette_btn").addClass(".. js 2025. 6. 4. 11:31 [js]ios 구분 애플 구분 애플인지 아닌지 구분function isAppleDevice() { return /iphone|ipad|ipod|macintosh|macintel/i.test(navigator.userAgent);}// 사용 예시if (isAppleDevice()) { console.log("애플 기기입니다.");} else { console.log("애플 기기가 아닙니다.");} 애플 기기 내 구분function detectAppleDevice() { const ua = navigator.userAgent.toLowerCase(); const platform = navigator.platform.toLowerCase(); if (/iphone/.test(ua)) { return "iPhone"; } .. js 2024. 12. 12. 14:15 [js]카운트다운 버튼 만들기 countdown button See the Pen countdown by sangmok-ye (@sangmok-ye) on CodePen. ** 0이 됐을 때 텍스트랑 같이 alert를 띄우고 싶어서 alert에 settimeout을 사용함 (사용 하지 않을 경우 동기적으로 실행되면서 0으로 표현되지않음)** interval을 돌릴 때 브라우저 최소화 등을 하면 리소스 소모, 전력 소모 등의 이유로 interval이 멈춤.정말 필요한 경우 해당 시간을 비교하여 사용하거나 웹 워커를 사용해야함 js 2024. 8. 22. 10:53 [js]chart.js 각종 속성 See the Pen line chart.js by sangmok-ye (@sangmok-ye) on CodePen. @참고https://yeon22.github.io/Chartjs-kr/docs/latest/charts/line.html 선형 · Chart.js 문서clip chartArea를 기준으로 자르는 방법을 지정합니다. 양수 값은 오버플로우되며, 음수 값은 chartArea 내에 많은 픽셀들로 잘립니다. 0 = chartArea에 대한 클립. 클리핑은 측면별로 설정할 수도 있습니yeon22.github.iohttps://velog.io/@yxxnhx/Chart.js-%EB%91%90-%EA%B0%9C%EC%9D%98-%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%A5%BC-%ED%.. js 2024. 8. 14. 09:49 [js]FullCalendar.js 참고 : https://junesker.tistory.com/93 이전 1 2 3 4 ··· 8 다음