개발자의 끄적끄적

[javascript/jquery] jquery element exist check example / 자바스크립트 요소 존재여부 확인 방법 jquery 로 특정 id 를 가지는 엘리먼트의 중복을 체크하거나 존재하는지를 확인해야 하는 경우가 종종 있습니다. 그럴때는 length 를 이용하시면 됩니다! 예를들어 아래와 같이 test_div 라는 아이디를 가지는 div 태그가 있다고 가정하고, 위 태그가 존재하는지 확인하고 싶으면, 아래와 같이 lengtg 를 사용하시면 됩니다! if ($('#test_div').length) { alert('test_div exists'); } 참고들 하세요!

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

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

[javascript/jquery] jquery get html dom example / jquery dom 객체 가져오는 방법 jquery 에서 특정 element 를 가져오다 보면 html Dom 형태로 가져와야 하는 경우가 있습니다. 그럴때는 아래와 같이 하시면 됩니다. 예를들어 아래와 같이 id_text 라는 아이디를 가진 textarea 가 있다고 가정하고, 위 태그를 dom 형대로 가져오고 싶으면 아래처럼 [0] 이나, .get(0) 으로 가져오시면 됩니다. $('#id_text')[0] $('#id_text').get(0) 참고들 하세요!