개발자의 끄적끄적

[javascript/jquery] jquery selectbox selected text example / jquery 셀렉트 박스 선택된 옵션의 텍스트 가져오기 html 에서 selectbox 를 이용하다보면 jquery 로 셀렉트 박스의 선택된 텍스트를 가져와야 하는 경우가 있습니다. 그럴때는 아래와 같이 하시면 됩니다! 우선 아래와 같이 id_select 라는 ID 를 가진 selectbox 가 있다고 가정하고, 테스트1 테스트2 위 셀레트박스의 선택된 옵션의 텍스트를 가져오려면 아래와 같이 jquery 를 사용하시면 됩니다! $("#id_select option:selected").text(); 그러면 결과는 선택된 옵션의 텍스트 값인 테스트2 가 나오게 됩니다. 테스트2 참고들 하세요!

[javascript/jquery] javascript beforeunload ajax example / 자바스크립트 beforeunload ajax 예제 javascript 에서 사용자가 화면을 벗어나거나 새로고침하는 이슈를 체크하기위해서 beforeunload 라는 이벤트를 사용합니다! 개발하는 내용이나 상황에 따라서는 특정함수를 호출하도록 하고, ajax 로 서버에 데이터를 전송하기도 합니다. 이번에는 beforeunload 이벤트발생시 함수를 호출하는 방법과 ajax 로 데이터 전송시 주의사항을 공유하고자 합니다! beforeunload 위에 나온것처럼 beforeload 라는 이벤트를 적용하려면 아래와 같이 작성하시면 됩니다! window.addEventListener('beforeunload'..

[javascript/jquery] javascript qrcode library / 자바스크립트 qrcode 생성 라이브러리 [링크] javascript 에서 qrcode 를 생성하는 라이브러리가 있어서 공유하고자 합니다! 사용법도 간단하구요! 들어가셔서 다운받으시고 상단에 script 만 로드하시면 사용가능합니다! (참고로 jquery 는 반드시 로드되어 있어야 합니다!) 아래 링크 남길테니 들어가셔서 확인해보시고 도움이 되셨으면 좋겠습니다! javascript qrcode library site url : https://github.com/davidshimjs/qrcodejs GitHub - davidshimjs/qrcodejs: Cross-browser QRCode generator for jav..

[javascript/jquery] javascript ip address api site / 자바스크립트 아이피 확인 api 사이트 [링크] 자바스크립트에서 접속자의 아이피를 확인할 수 있는 사이트가 있어서 공유하고자 합니다! 완전 무료는 아니지만, 1000건까지는 무료로 제공되니 참고하셔서 사용하시면 될듯합니다! 아래 링크 들어가시면 가격대부터 사용법까지 잘나와 있습니다! 사용법은 엄청 간단하네요! 참고들 하세요! javascript ip address api site : https://geo.ipify.org/ IP Geolocation API IP Geolocation API by IPify enables application developers to support precise location ..

[javascript/jquery] javascript DOMException: The play() request was interrupted by a new load request error 해결 방법 javascript 에서 video or audio 파일을 태그에 넣어서 재생하려고 할때 아래와 같은 에러가 발생하는 경우가 있습니다! DOMException: The play() request was interrupted by a new load request 그럴때는 아래와 같이 예외처리 조건문을 작성해주면 됩니다! 우선, video.play() 의 결과를 playPromise 라는 변수에 담고, var playPromise = video.play(); 아래 구분을 그대로 play() 하는 바로 밑줄..

[javascript/jquery] jquery mouse scroll event library / jquery 마우스 스크롤 이벤트 라이브러리 jquery는 라이브러리 굉장히 많습니다! 그중에서 마우스 스크롤 이벤트와 관련된 라이브러리를 공유해보고자 합니다! 바로 scrollify 입니다! 스크롤 이벤트가 발생할때마다 정해놓은 섹션으로 이동이 되는 라이브러리 입니다! 저도 사용해봤는데요. 적용이 쉽고 깔끔하게 표현되는거 같아서 공유합니다! 아래 링크 들어가셔서 데모와 예제소스 확인해보시고 적용하시면 금방하실꺼예요! jquery scrollify library site url : https://projects.lukehaas.me/scrollify/#home jQuery Scrollify - Power ..

[javascript/jquery] pdf.js go to page example / pdf.js 페이지 이동 방법 pdf.js 파일을 이용하여 웹 페이지에서 pdf 뷰어를 구현하다 보면 스크립트를 이용해서 특정페이지로 이동시켜야 하는 경우가 있습니다. 그럴때는 아래와 같이 하시면 됩니다! PDFViewerApplication.page = PAGE NUMBER; 위 내용 보시면 아시겠지만, PDFViewerApplication 객체에 page 라는 값을 원하는 페이지번호로 세팅해주면 됩니다! 참고들 하세요!

[javascript/jquery] javascript Check for element existence example / 자바스크립트 요소 존재여부 확인방법 javascript 에서 특정 요소를 가져오려면 document 를 사용하는데요 그중에서 특정 아이디를 가지고 있는 요소를 가져오려면 아래와 같이 getElementById 를 사용합니다. document.getElementById("TARGET ID") 하지만 어떤경우에는 조건에 따라서 해당 요소가 있거나 없을수 있는데요, 만약, 요소가 없을때 요소를 가져오려고 하면 에러가 발생합니다! 그럴때는 아래와 같이 앞에 !! 를 붙여주면 됩니다. var is_exist = !!document.getElementById("TARGET ID") 위 내용 보..