반응형 jQuery6 [JS&jQuery] 하위 IFRAME 함수 호출(부모에서 자식 함수 실행) 1. Javascript function wsMessage(e) { console.log("----- [ WebSocket ] Receive Data -----"); try { var sendMessage = e.data; var data = JSON.parse(sendMessage); if( !isEmpty(data) ) { var size = $('iframe').length; console.log("----- [ Iframe Size ] "+ size +" -----"); for( var i=0; i 2022. 4. 29. [JS&jQuery] 특정 날짜간 차이 구하기 function timeDifference(startDate, endDate) { var start = new Date(startDate); var end = new Date(endDate); var difference = end.getTime() - start.getTime(); var result = (difference / (1000*60*60*24)) + 1; return result; } 날짜를 millisecond 단위로 변환 후 두 날짜를 빼 남은 값을 계산하는 로직이다. 위 차이 일수에는 두 날짜를 포함하고 있지 않음을 유의해야 한다. 2022. 4. 28. [JS&jQuery] 클립보드 복사 기능 구현(clipboard 라이브러리 사용) 1. 라이브러리 설치 경로 https://clipboardjs.com/ clipboard.js A modern approach to copy text to clipboard. No Flash. No frameworks. Just 3kb gzipped clipboardjs.com 위 사이트에서 자신의 개발환경에 맞는 방법을 찾아 라이브러리를 설치하거나 Import하여 사용하면 된다. 필자는 보안성이 강한 개발환경으로 라이브러리를 다운로드 받아 필요한 파일만 Eclipse에 Import하여 사용하는 방법을 선택하였다. 위와 같이 필요한 파일만 Resource 파일에 옮겨두고 JSP를 별도로 만들어 위 Resource 파일들만 Import해놓은 후 클립보드 복사 클립보드 복사 클립보드 복사 사용될 JSP에 I.. 2021. 9. 11. [JS&jQuery] 문자열 시간(HH:MM:SS) 정수형 초 단위(Second)로 변환 function timeStrToSeconds(timeStr) { const [hours, minutes, seconds] = timeStr.split(":"); var resSeconds = (+hours) * 60 * 60 + (+minutes) * 60 + (+seconds); return resSeconds; } 🙏 참조 :: https://thewebdev.info/2021/05/23/how-to-convert-hhmmss-time-string-to-seconds-only-in-javascript/ 2021. 9. 10. [JS&jQuery] 배열의 중복제거 1. 배열을 순회하는 방식 배열의 모든 요소를 순회하면서 별도의 배열에 동일하지 않은 값만 추가. var array = ["국어", "영어", "수학", "국어", "영어", "수학"]; var distinct = []; for(var i=0; i 2021. 4. 29. [JS&jQuery] 정규식으로 URL 및 IP 유효성 체크 1. URL 유효성 체크 소스코드 function checkUrl(url) { var isUrl = /^(http\:\/\/)?((\w+)[.]) +(asia|biz|cc|cn|com|de|eu|in|info|jobs|jp|kr|mobi|mx|name|net|nz|org|travel|tv|tw|uk|us)(\/(\w*))*$/i; return isUrl.test(url); } 2. IP 유효성 체크 소스코드 function checkIp(ip) { var isIp = /^(1|2)?\d?\d([.](1|2)?\d?\d){3}$/; return isIp .test(ip); } 2021. 2. 7. 이전 1 다음 반응형
