개발자의 끄적끄적

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

[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 정보를 반환해줍니다! 참고들 하세요!