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.. [JavaScript] 모바일 / PC 여부 확인 모바일 기기를 감지하는 방법 반응형 웹사이트를 만들다보면 모바일 / PC 구분을 확인하여 다르게 처리해줘야할때가있다 이때 아래 와같은 함수를 사용하면 구분이 가능하다. function isMobile() { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); } //Mobile : retrun true; //PC : return false; [JavaScript] Ctrl 새탭 , Shift 새창 띄우기 a 태그에 href 가아닌 onclick 이나 button 에서 누른 Key에 따라 새창, 새탭, 링크이동하는 함수이다. Html 페이지이동 JavaScript function MovePage(event) { var url = "https://tjddnjs625.tistory.com" if (event.shiftKey) { var win = window.open(url); win.focus(); } else if (event.ctrlKey) { var win = window.open(url,'_blank'); win.focus(); } else { location.href = url; } } [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.. [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 함수를 빠져나갈 뿐이기 때문.. [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.. [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]+)|(?:[~!@#$%^&*(.. [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.. [JavaScript] CheckBox 중복 방지 사과 딸기 포도 Html 사과 딸기 포도 Script function NoMultiChk(chk){ var obj = document.getElementsByName("box"); for(var i=0; i [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; } 이전 1 2 다음
