MINYA

moment.js COUNTDOWN(카운트) 기능 moment.js에는 COUNTDOWN기능도 있습니다. moment.js 다운로드 js를 다운 받아서 moment.js 로 저장. 아래와 같이 사용 let setTimeId; function startTimer(setTime) { // 타이머 중복 실행 방지로 기존 시작된 타이머를 리셋하여 점점 빨라지는 오류를 방지 clearInterval(setTimeId); let countDownDate = moment().add(setTime, 'seconds'); setTimeId = setInterval(function () { let diff = countDownDate.diff(moment()); if (diff

날짜 포맷 함수(Date 포맷 함수) Date format javascript moment.js 플러그인을 쓰면 더 많은 기능들이 있습니다. 하지만 아래처럼 직접 공통된 js 파일에 선언하고 날짜 포맷만 사용하셔도 됩니다. // script Date.prototype.format = function(f) { if (!this.valueOf()) return " "; var weekName = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"]; var d = this; return f.replace(/(yyyy|yy|MM|dd|E|hh|mm|ss|a\/p)/gi, function($1) { switch ($1) { case "yyyy": return d.getFull..

자바스크립트로 아이디, 이메일 유효성 검사 아이디와 패스워드가 적합한지 검사하는 정규식 입니다. 이메일이 적합한지 검사하는 정규식 입니다. function validate() { // 아이디와 패스워드가 적합한지 검사할 정규식 // 4자~ 12자 사이 var regexIdAndPw = /^[a-zA-Z0-9]{4,12}$/ // 이메일이 적합한지 검사할 정규식 var regexEmail = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; var id = document.getElementById("id"); var pw = document.getElementById("pw"); var email = d..

자바스크립트로 문자열 공백 제거하기 콘솔창에서 확인할 때는 꼭 마우스로 드래그 해서 공백 제거 유무를 눈으로 확인하세요. let str = " 바보야, 바 보니? "; console.log(str); console.log(str.replace(/(\s*)/g,"")); // 문자열의 모든 공백 제거 console.log(str.replace(/^\s*/,"")); // 문자열의 제일 앞에 공백 제거 console.log(str.replace(/\s*$/,"")); // 문자열의 제일 뒤에 공백 제거 console.log(str.trim()); // 문자열 제일 앞, 제일 뒤 공백 제거 (trim 함수 사용)

자동 실행 함수 (window.onload, $(document).ready()) window.onload 와 $(document).ready() 중에 어느 한 쪽이 좋다고 할 수 없다. 아래와 같은 특징들을 파악하여 경우에 따라 적절히 골라서 쓰자. window.onload window.onload 는 페이지의 모든 요소들이 로드된 이후에 호출. window.onload 는 한 페이지에 하나의 함수만 호출. Javascript에서 페이지가 로드되면 자동으로 실행되는 함수를 구현할 때엔 전역 콜백함수인 window.onload 함수를 사용. window.onload = function () { console.log("실행"); } $(document).ready() jQuery는 자바스크립트의 windo..

자바스크립트 절대값 [ Math.abs() ] How to use math.abs in javascript 사용법 빈 객체, 하나 이상의 요소를 가진 배열, 숫자가 아닌 문자열, undefined나 빈 매개변수를 받으면 NaN을 반환합니다. null, 빈 문자열이나 빈 배열을 제공하면 0을 반환합 function difference(a, b) { return Math.abs(a - b); } console.log(difference(3, 5)); // expected output: 2 console.log(difference(5, 3)); // expected output: 2 console.log(difference(1.23456, 7.89012)); // expected output: 6.655559..

자바스크립트 문자열 길이(문자열 수) 확인 How to check String length in JavaScript // 정말 단순이 변수에 담긴 문자의 길이를 알고 싶을 뿐. // length 함수를 사용하면 된다. let str = "이렇게 쉬운걸 왜 몰랐을까 나는 똥멍청이 입니다."; let testString = str.length; console.log(testString);

자바스크립트로 Null check, 빈 값 체크, 공백 체크 How do I check for null values in JavaScript? 데이터타입 var value = 1; // Number 형 1 console.log(value, typeof value); // 1 number value = "1" // String 형 1 console.log(value, typeof value); // 1 string 권장하지 않는 방법 var value2 = "" if( value2 == ""){ console.log("비어 있음"); }else{ console.log("값이 있음"); } 권장하는 방법 var value2 = "" if( !value2 ){ console.log("비어 있음"); }else..

왼쪽 숫자 0, 첫자리 0 제거하기(정규식) How to remove leading zeros from a number in JavaScript? 자바스크립트 let number = "0909123"; let formatNum = number.replace(/(^0+)/, ""); // 909123로 치환됨 console.log(formatNum); 자바 String testNum = "0909123"; String checkNum = testNum.replaceAll("^0+", "");

문자열 자르기 (split, substring, substr) How to divide string in Javascript 문자열의 일부만 잘라 사용할 경우 사용 //특정 문자를 기준으로 문자열을 자를려면 split을 사용하면 된다. var string='2020-02-25'; var strArray = string.split('-'); console.log(strArray[0]); console.log(strArray[1]); console.log(strArray[2]); // 다음으로 문자열에서 기준없이 사용하고 싶은 // 문자열만 골라 가져오고 싶다면 substring함수를 사용하면 된다. // substring함수는 문자열의 길이를 기준으로 자른다고 표현하기보다 일정..