개발자의 끄적끄적

[javascript/jquery] javascript toLowerCase example / 자바스크립트 대문자를 소문자로 변경하는 방법 javascript 에서 알파벳 대문자로 된 문자열을 소문자로 변경하고 싶은 경우에는 toLowerCase 라는 함수를 이용하시면 됩니다. 아래와 같이 ABC 라는 알파벳 대문자로된 문자열이 있다고 가정하고, var text = "ABC"; 이것을 소문자로 변경하고 싶으면 toLowerCase 를 이용하시면 됩니다. var new_text = text.toLowerCase(); console.log 를 이용하여 출력하면 console.log(new_text); 결과는 아래와 같이 소문자로된 abc 가 출력되게 됩니다! abc 참고들 하세요!

[javascript/jquery] javascript toUpperCase example / 자바스크립트 소문자를 대문자로 변경하는 방법 javascript 에서 알파벳 소문자로 된 문자열을 대문자로 변경하고 싶은 경우에는 toUpperCase 라는 함수를 이용하시면 됩니다. 예를들어 아래와 같이 abc 라는 알파벳 소문자로된 문자열이 있다고 가정하고, var text = "abc"; 이것 전체 대문자로 변경하고 싶으면 아래처럼 toUpperCase 를 이용하시면 됩니다. var new_text = text.toUpperCase(); 위 내용을 아래와 같이 console.log 를 이용하여 출력하면 console.log(new_text); 결과는 ABC 가 나오게 됩니다! 참고들 하세요!

[javascript/jquery] javascript mouse scroll event example / 자바스크립트 마우스 스크롤 이벤트 예제 javascript 에서 마우스 스크롤 액션이 일어날때마다 특정 행동을 취하도록 로직을 작성해야 하는 경우에는 아래와 같이 scroll 이벤트를 이용하시면 됩니다. $(function() { $(window).scroll(function() { // to do } }); 위 내용처럼 페이지 시작시 scroll 이벤트를 선언해서 안에 로직을 작성해 놓으면 마우스 스크롤이 일어날때마다 해당 내용이 동작하게 됩니다! 참고들 하세요!

[javascript/jquery] javascript window.open 팝업차단 확인 방법 javascript 에서 새창을 열기 위해서 window.open 을 사용합니다. 하지만, 가끔 팝업이 차단되어 있는 경우 새창이 열리지 않게됩니다. 그럴때는 아래와 같은 방법으로 팝업이 차단되어 있는지 체크를 해서 alert 창을 띄워줄 수 있습니다. 위 내용 보시면 아시겠지만, try catch 문을 이용해서 exception 이 발생하면 팝업이 차단되어 있다고 보고 alert 을 띄워주는 내용입니다. 참고들 하세요!

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