개발자의 끄적끄적

[javascript/jquery] javascript keyboard events / 자바스크립트 키보드 이벤트 종류 javascript 에서 input 값을 제어하다보면 키보드 이벤트를 사용해야하는 경우가 있습니다! 그럴때 사용되는 키보드 이벤트 3가지를 공유하고자 합니다. keydown keypress keyup 위에 나와있는 것처럼 keydown / keypress / keyup 이렇게 3가지가 있는데요, 3가지다 키보드 입력 이벤트지만 약간 다릅니다. keydown - 키보드를 눌렀을때 keypress - 키보드를 누르거나 누르고 있는중 keyup - 키보드를 눌렀다가 때었을때 이렇게 약간씩 다릅니다. 숙지하셨다가 상황에 맞는 키보드 이벤트를 사용하시면 됩니다! 참고들 하세요!

[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") 위 내용 보..