개발자의 끄적끄적

[javascript/jquery] 비디오 DOMException: play() failed because the user didn't interact with the document first 에러 해결방법 javascript 에서 video 태그를 조작하다 보면 자동실행이 안되는 경우가 있습니다. 브라우저 에서 보안상 기능을 막은건데요. 소리와 재생을 동시에 할수가 없는 부분이라서 아래와 같은 오류가 나옵니다. DOMException: play() failed because the user didn't interact with the document first. 그럴때는 아래 내용처럼 음소거를 시키고, 재생한 후 음소거를 해제하는 방법으로 처리가 가능합니다! video.muted = true; vid..

[javascript/jquery] jquery get radio checked value example / jquery radio 선택값 가져오기 jquery 에서 radio 버튼의 선택값을 가져와야 하는 경우가 있습니다! 그럴때는 아래와 같이 jquery 를 사용하시면 됩니다! $("input[name='radio_btn']:checked").val(); 참고들 하세요!

[javascript/jquery] kakaomap resize example / 카카오맵 리사이징 방법 카카오 맵을 연동하여 지도를 보여주다보면 팝업 혹은 모달에서 지도가 깨지거나 가려져서 안보이는 현상이 종종 발생하곤 합니다! 그럴때는 아래와 같이 relayout 함수를 이용하시면 됩니다! var map = new kakao.maps.Map(container, options); 위선 위와 같이 만들어진 지도 객체 map 이 있다고 가정하고, 지도가 로드된 후에 아래와 같이 함수를 호출해주시면 됩니다! map.relayout(); 저는 정상적으로 동작시키기 위해서 0.5초 정도의 timeout 을 주고 구현했습니다! 참고들 하세요!

[javascript/jquery] javascript opener reload example / 자바스크립트 부모창 새로고침 하는 방법 javascript 에서 팝업을 이용해 특정 액션을 처리하고 나서 부모창을 새로고침 해야하는 경우가 있습니다. 그럴때는 아래와 같이 opener 를 이용하시면 됩니다! opener.location.reload(); 추가적으로, 부모창을 새로고침하고 현재 팝업을 닫으려면 아래와 같이 하시면 됩니다! opener.location.reload(); window.close(); 참고들 하세요!

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

[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 이..