Web/JavaScript 11

[JavaScript] Object foreach 문 사용법

Object.entries() Object.entries() 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 [key, value] 쌍의 배열을 반환합니다. (for-in 루프가 다른점은 프로토 타입 체인의 속성도 열거한다는 점입니다). Object.entries() 에 의해 반환된 배열(array)의 순서는 객체가 정의된 방법과 관련이 없습니다. 배열 순서가 쓸 곳이 있다면, 다음과 같이 정렬을 먼저 하시는 것이 좋습니다 Object.entries(obj).sort((a, b) => b[0].localeCompare(a[0]));. const object1 = { a: 'somestring', b: 42 }; for (const [key, value] of Objec..

Web/JavaScript 2021.12.08

[JavaScript] Event KeyCode 목록 및 코드예제

Javascript 코드 예제 //방법1 /*HTML input text*/ $("#test").keyup(function(event){ if(event.keyCode == 13){ alert('엔터키 입력!'); } }); //방법2 /*HTML input text*/ /*script function*/ function keycheck(event){ if(event.keyCode == 13){ alert('엔터키 입력!'); } } KeyCode ASCII 코드표 A~Z / a~z / 0~9 Numeric Keypad 기타키 Key Code Key Code Key Code A 65 Numpad 0 48 Backspace 8 B 66 Numpad 1 49 Tab 9 C 67 Numpad 2 50 Ente..

Web/JavaScript 2021.11.19

[JavaScript] for each문에서 return false 처리

for each 문에서 결과값을 리턴 받을 때 아래와 같은 코드로 실행하게되면 원하는 값을 얻지 못합니다. Check: function() { $("input[name='chkgroup']:checked").each(function() { if (!$(this).is(":checked")) { alert("잘못 체크하셨습니다."); return false; } }); return true; } ... const result = check(); //항상 retun true 반환 정상적인 값을 반환 받을 수 없는 이유는 function 내에 들어있는 each 문은 또다른 function 이기때문에 each 문에서 return false 는 break 과 같은 역할을 하여 each 함수를 빠져나갈 뿐이기 때문..

Web/JavaScript 2021.11.17

[Javascript] 문자열 앞에 0 채우기

String.prototype.padStart() padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다. 채워넣기는 대상 문자열의 시작(좌측)부터 적용됩니다 예시 'abc'.padStart(10); // " abc" 'abc'.padStart(6,"123465"); // "123abc" 'abc'.padStart(8, "0"); // "00000abc" 1.toString().padStart(3, "0"); // "01" 12.toString().padStart(6, "R00000"); // "R00012" 참조: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global..

Web/JavaScript 2021.11.15

[JavaScript] 자주쓰는 정규 표현식

이메일 정규표현식 var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; 휴대폰 정규 표현식 var regExp = /^\d{3}-\d{3,4}-\d{4}$/; 일반 전화번호 정규식 var regExp = /^\d{2,3}-\d{3,4}-\d{4}$/; 비밀번호 정규표현식 숫자와 문자 포함 형태의 6~12자리 이내의 암호 정규식 (1 가지 조합) var regExp = /^[A-Za-z0-9]{6,12}$/; 영문, 숫자, 특수문자 중 2가지 이상 조합하여 10자리 이내의 암호 정규식 ( 2 가지 조합) var regExp = /^(?!((?:[A-Za-z]+)|(?:[~!@#$%^&*(..

Web/JavaScript 2021.11.13

[Javascript] html2canvas + jspdf 사용방법

1. html2canvas + jspdf 사용하여 Html화면을 Pdf 파일로 출력하는방법 https://rawgit.com/MrRio/jsPDF/master/docs/jsPDF.html jsPDF - Documentation For compatibility reasons jsPDF offers two API modes which differ in the way they convert between the the usual screen coordinates and the PDF coordinate system. "compat": Offers full compatibility across all plugins but does not allow arbitrary transforms rawgit.com htm..

Web/JavaScript 2021.11.05

[JavaScript] Ajax 리턴 Value 얻기

Ajax 를 통해 값을 리턴받는경우 기본적으로 비동기 방식이때문에 값이 Undefined 가 return 이됩니다. 그경우 async: false, 를 추가하여 동기 로 변경하면 Return 값을 얻을수있습니다. function CheckId(ID) { var result = ""; $.ajax({ type: "post", url: "CheckID", async: false, //값을 리턴시 해당코드를 추가하여 동기로 변경 data: { ID: ID }, success: function (data) { result = data; } }); return result; }

Web/JavaScript 2018.07.27