개발자의 끄적끄적

[javascript/jquery] javascript tls check example / 자바스크립트 tls 버전 확인 방법 javascript 에서 현재 tls 버전을 확인해야 하는 경우가 있습니다. 그럴때는 아래 스크립트를 이용하시면 됩니다. 위 내용 보시면 아시겠지만, howsmyssl.com 이라는 사이트에서는 호출한 상황에 따른 tls 정보를 반환해줍니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 입력문자열 길이 체크 예제 함수 javascript 에서 특정 필드의 문자열을 제한해야 하는 경우가 있습니다. 그럴땐느 아래 함수를 활용하시면 됩니다! 파라미터로 체크할 태그의 id 와 길이를 넘겨주시면 길이가 초과할 경우 alert 를 출력하고, 해당길이 만큼의 문자열만 남겨놓고 이후에 입력된건 사라지게 됩니다! // 문자열 길이체크 function chk_length(id, len) { var chk_str = $("#" + id).val(); if( chk_str.trim() != "" ) { var chk_len = chk_str.length; if( chk_len > len ) { alert(len + "자 내로 입력해 주세요."); chk_str..

[javascript/jquery] javascript password pattern example / 자바스크립트 비밀번호 패턴 체크 예제 javascript 에서 input 에 입력받은 비밀번호의 규칙을 체크해야 하는 경우가 있습니다. 그럴때는 아래 함수를 참고하셔서 구현 하시면 간단하게 구현되실 껍니다. 아래 함수는 숫자, 영문, 특문 포함 8~12 자리를 체크하는 함수입니다. 함수에 해당 input 의 id 를 입력하면 해당 input 의 value 를 가져다가 체크하고 boolean 형식으로 return 합니다! // 비밀번호 체크 정규식 function pwd_check(id) { var pw = $("#"+id).val(); var num = pw.search(/[0-9]/g); var en..

[javascript/jquery] jquery datepicker korean example / jquery datepicker 한글 설정 방법 jquery datepicker 를 사용해서 input 클릭시 달력이 떠서 날짜를 선택하게 적용하는 경우가 많이 있습니다. 그중에서 달력의 언어를 한글로 변경하고, 2022년 3월 의 형태로 달력에 표기되도록 하려면 아래와 같이 옵션을 추가하시면 됩니다. $( "#date" ).datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월']..

[javascript/jquery] javascript get radio checked value example / 자바스크립트 선택된 라디오버튼 값 가져오는 방법 javascript 에서 radio 버튼으로 구성된 html 태그중 선택된 radio 버튼의 값을 가져와야 하는 경우가 있습니다. 그럴때는 아래와 같이 querySelector 를 이용하시면 됩니다. 우선 아래와 같이 3개의 같은 클래스명과 같은 name 을 가지는 radio 버튼이 있다고 가정하고, 위 버튼들 중 선택된 radio 버튼의 값을 가져오고 싶으면 아래와 같이 querySelector 를 사용하시면 됩니다! var gbn = document.querySelector('.gbn_chk:checked').value; 위세어 gbn 이..

[javascript/jquery] javascript 360 degree modules / 자바스크립트 360 뷰어 라이브러리 요즘 개발을 하다보면 360 파노라마 뷰같이 구현된 사이트들이 많이 있습니다. 대부분 ar / vr 과 더불어 많이들 사용하는 듯 한데요. 그중에서 많이 사용되는 7가지 자바스크립트 360 모듈이 정리되어 있는 사이트를 찾아서 공유하고자 합니다. 아래 링크 들어가셔서 각각 비교해보시고 상황에 잘 맞는걸 사용하시면 많은 도움이 되실듯 합니다! 참고들 하세요! https://ourcodeworld.com/articles/read/843/top-7-best-360-degrees-equirectangular-image-viewer-javascript-plugins Top 7: Best..

[javascript/jquery] jquery selected text example / jquery 셀렉트 박스 선택 텍스트 가져오기 jquery 로 select box 의 선택된 텍스트 값을 가져와야 하는 경우가 있습니다. 그럴때는 아래와 같이 jquery 를 사용하시면 됩니다! 예를들어 아래와 같이 id 가 select 인 셀렉트박스가 있다고 가정하고, aaa bbb 위 셀렉트박스의 값들중 선택된 옵션의 텍스트를 가져오려면 아래와 같이 .text를 사용하시면 됩니다! $("#select option:checked").text(); 참고들 하세요!

[javasript/jquery] ckeditor4 add style example / ckeditor4 css 추가하는 방법 html 텍스트 에디터를 사용하다 보면 ckeditor 를 사용하는 경우가 많이 있습니다. 그중에서 ckeditor 가 로드된 후에 특정 css 설정이 적용되도록 작업해야 하는 경우가 있는데요. 그럴때는 아래와 같이 on : instanceReady 를 이용하여 스타일을 추가하시면 됩니다! CKEDITOR.replace("content",{ height:"300" ,toolbar: [ { name: 'document', items : [ 'Source' ] }, { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Stri..