개발자의 끄적끄적

[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] 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(); 참고들 하세요!

[javascript/jquery] javascript get url parameter example / 자바크스립트 url 파라미터 가져오기 javascript 에서 현재 url 의 get 파라미터를 받아야 하는 경우가 있습니다. 그럴때는 아래처럼 URL 객체를 이용하시면 됩니다. var url_href = window.location.href; var url = new URL(url_href); var a = url.searchParams.get("a"); var b = url.searchParams.get("b"); 예를들어 아래와 같이 get 파라미터에 a 와 b, 2개의 값이 있다고 가정하고, test.com?a=1&b=2 이걸 위에 나온 URL 객체를 이용하여 각각 출력하면 각 파라미터에 있던..

[javascript/jquery] jquery cdnjs search site / jquery 라이브러리 검색 사이트 [링크] 홈페이지 작업을 할때 jquery 모듈을 cdn 에서 로드하곤 합니다. 그런데 어떤 사이트는 잘 설명이 되어있지만, cdn 주소나 이런것들이 정확하게 안내가 되어 있지 않은 사이트들도 있습니다. 그럴때는 아래 링크 들어가셔서 직접 검색하시는 방법도 있습니다! 원하는 라이브러리 명을 검색하시면 로드할수 있는 cdn url 이 나옵니다! 참고들 하세요! cdnjs.com 링크 : https://cdnjs.com/ cdnjs - The #1 free and open source CDN built to make life easier for developers Simple. Fast. ..