개발자의 끄적끄적

[javascript/jquery] javascript 한글만 허용하는 정규식 javascript 에서 특정 input 에 한글만 입력받게 설정해야 하는 경우가 있습니다! 그럴때는 해당 input에 onkeyup 이벤트를 설정하고 정규식으로 처리가 가능합니다! 우선 예를 들어 아래와 같은 input 이 있다고 가정하고 이 input 에 onkeyup 이벤트로 정규식을 처리할 함수를 호출합니다. 그리고 정규식 함수는 아래와 같이 구성하면 됩니다! function chk_han(id) { var regexp = /[a-z0-9]|[ \[\]{}()?|`~!@#$%^&*-_+=,.;:\"'\\]/g; var value = $("#"+id).val(); if (regexp.test(value)) { $("#"+..

[javascript/jquery] javascript date calculate example / 자바스크립트 몇일 뒤 날짜 계산 예제 javascript 에서 y-m-d 형식의 특정 날짜를 받아서 몇일 뒤의 날짜는 계산해야 하는 경우가 있습니다. 그럴때는 아래와 같이 date 객체를 이용하시면 됩니다! 우선 예를들어, var dateString = "2022-01-01"; 위와같이 dateString 에 2022-01-01 이라는 날짜가 있다고 가정하고, 이날짜의 14일 뒤 날짜를 계산하고 싶으면 아래와 같이 setDate 를 이용해 변경해줍니다. var result1 = new Date(dateString); result1.setDate(result1.getDate() + 14); 그리고 이렇게 변..

[javascript/jquery] 자바스크립트 우클릭 방지 예제 자바스크립트에서 특정페이지에서 혹은 사이트 전체에서 우클릭을 막아야 하는 경우가 있습니다! 그럴때는 간단하게 공통파일 혹은 해당페이지 파일 상단 or 하단에 아래 스크립트를 추가하시면 간단하게 해결됩니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 차트 비교 설명 사이트 [링크] javascript 로 차트를 구현하려고 하다보면 여러가지 라이브러리들이 있어서 어떤걸 써야하나, 혹은 어떤 라이브러리들이 있나를 검색하게 마련입니다! 각각 라이브러리들이 약간씩 다르기때문에 구현하고자 하는 방향에 맞는걸 선택하게 되는데요! 그럴때 참고하면 도움이 될만한 사이트가 있어서 공유하고자 합니다! 아래 링크 들어가시면 19가지 차트 종류와 간략한 설명, 특징등을 볼수 있어서, 많은 도움이 되실듯 합니다! 참고들 하세요! 19가지 차트 비교 설명 사이트 : https://wikidocs.net/151141 009. 차트 생성을 위한 19 가지 온라인 도구 및 오픈소스 차트 사이트 모음 오늘날 세계에서 사람들은 분산 된..

[javascript/jquery] jquery selected option attr example / 자바스크립트 선택된 옵션 attr 가져오는 방법 select 태그에서 선택된 값의 value 나 text 를 jquery 로 출력할 수 있습니다. 하지만 그 이외의 데이터를 세팅해서 사용하고 싶은 경우에는 어떻게 해야하나 검색을 해보실텐데요! 아래와 같이 attr 를 이용하시면 됩니다! 예를들어 아래와 같이 id 가 id_select 인 select 태그가 있다고 가정하고, 그안의 옵션들의 value 와 status 라는 attr 이 각각 세팅되어 있다고 가정할때, option_1 option_2 선택된 옵션의 status 값을 가져오고 싶으면, 아래와 같이 attr('status') 를 이용하시면 값..

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