개발자의 끄적끄적

[javascript/jquery] jquery input readonly 설정하는 방법 jquery 에서 특정 input 태그에 수정이 불가하게 readonly 를 설정해야하는 경우가 있습니다. 읽기전용으로 필드 속성을 수정하는 겁니다. 아래와 같이 jquery 를 사용하시면 readonly 설정이 가능합니다. 우선 아래와 같이 id 가 test 인 input 태그가 있다고 가정하고, readonly 옵션을 설정하고 싶으면 아래와 같이 jquery 를 사용하시면 됩니다! $('#test').attr("readonly", true); 참고들 하세요!

[javascript/jquery] javascript input readonly example / 자바스크립트 input readonly 설정 방법 javascript 에서 input 태그를 제어하다보면 특정 상황에 따라서는 읽기전용, 즉, 수정이 불가하게 처리해야 하는 경우가 있습니다. 그럴때, readOnly 라는 속성을 적용하면 되는데요. 아래는 readOnly 를 적용하는 예제입니다. 우선 아래와 같이 id_input_text 라는 아이디를 가지는 input 태그가 있다고 가정하고, 위 태그에 readOnly 를 적용하고 싶으면 아래와 같이 스크립트를 사용하시면 됩니다. document.getElementById('id_input_text').readOnly = true; 참고들 하세요!

[javascript/jquery] jquery remove body style example / jquery body 스타일 전체 제거하는 방법 jquery 를 사용하다 보면 특정 상황에 따라서 body 태그 안에 있는 style 을 없애야 하는 경우가 있습니다. 그럴때는 아래와 같이 removeAttr 을 사용하시면 됩니다. $("body").removeAttr("style"); body 에 removeAttr 을 사용하는데 style 을 입력해주면 style 속성이 전부 제거 됩니다! 참고들 하세요!

[javascript/jquery] jquery element exist example / jquery 요소 존재 여부 확인 방법 jquery 에서 특정 element 가 있는지 확인을 해야 하는 경우가 있습니다. 그럴때는 아래 내용처럼 length 를 사용하시면 됩니다. 아래는 기본사용법입니다. $("TARGET").length 예를들어, 아래와 같은 test 라는 아이디를 가지는 div 가 있다고 가정하고, 위 div 가 있는지 확인하고 싶으면 아래와 같이 length 를 사용하시면 됩니다. if( $("#test").length ) { // to do } 즉 length 값이 있으면 요소가 있다고 보고 로직을 작성하시면 됩니다! 참고들 하세요!

[javascript/jquery] javascript unminifiy site / 자바스크립트 압축된 js 를 해제해주는 사이트 홈페이지 개발을 하다보면 페이지 상단에 min.js 즉, 최소화된 javascript 를 로드해서 사용합니다. 그중에서 가끔 해당 코드를 보기쉽에 unminify 해야 하는 경우가 있는데요 부득이하게 스크립트를 수정한다거나 해야하는 경우일껍니다 ㅠ 그럴때 파일 url 을 입력하거나 스크립트 코드를 복사해서 붙여넣으면 최소화를 풀어주는 사이트가 있어서 공유하려고 합니다! 아래 링크 달아놓을테니 들어가서 보시면 사용법이 간단해서 금방 사용하실껍니다! 참고하세요! javascript unminify site : https://unminify.com/ Unminify This to..

[javascript/jquery] javascript scrollTop example / 자바스크립트 div 스크롤 강제이동 방법 javascript 에서 특정 div 안에 생성된 스크롤바를 강제로 최 하단으로 이동시키고 싶은 경우가 있습니다. 그럴때는 아래와 같이 scrollTop 를 이용하시면 됩니다. 예를들어서 아래와 같이 scroll 이라는 클래스를 가지는 div 가 있다고 가정하고, scrollTop 를 이용하여 스크롤 영역의 높이를 입력해주면 맨 아래로 내려갑니다! const $scroll_div = $('.scroll'); $scroll_div.scrollTop($scroll_div[0].scrollHeight); 참고들 하세요!

[javascript/jquery] javascript null check example / 자바스크립트 빈값 체크 함수 javascript 에서 특정 변수가 빈값인지 아닌지를 확인해야 하는 경우는 매번 있습니다! 그럴때 유용하게 사용할 수 있는 함수를 공유하려고 합니다. function chk_null(val){ if (val === null) return true; if (typeof val === 'string' && val === '') return true; if (typeof val === 'undefined') return true; return false; } 위 내용을 보시면 아시겠지만, chk_null 이라는 함수에 값을 전달하여 return 이 false 로 나오면 빈값이 아닌경우이고..

[javascript/jquery] jquery number format library / jquery 숫자 포맷 라이브러리 [링크] jquery 를 사용하다보면 숫자형식을 사용하는 경우가 많이 있습니다. 소수점이라든가, 금액처럼 숫자 포맷을 변경해야하는경우 스크립트로 작성해도 되지만, 유용하고 편리한 라이브러리가 있어서 공유해보고자 합니다! 아래 사이트 들어가보시면 사용법도 간단하게 잘 설명되어 있으니 금방 적용하실껍니다! 참고들 하세요! jquery number library site : https://github.com/customd/jquery-number GitHub - customd/jquery-number: Easily format numbers for display use. Replace ..