개발자의 끄적끄적

[javascript/jquery] javascript count down timer example / 자바스크립트 카운트 다운 타이머 예제 javascript 에서 타이머를 구현하다보면 인증번호 발송과 같이 3분 혹은 5분안에 입력하게 구현을 하는 경우가 있습니다. 그럴때 타이머를 만들어서 구현해야 하는데요, 아래와 같이 스크립트를 만들어서 사용하시면 됩니다! var seconds = 300; function count_down_timer() { var min = parseInt((seconds)/60); var sec = seconds%60; $("#id_span_timer").html(min+":" + sec); seconds--; } 위 내용처럼 시작을 300초 (5분) 으로 설정하고 setInt..

[javascript/jquery] javascript explorer browser check example / 자바스크립트 익스플로러 브라우저 체크하는 방법 javascript 에서 브라우저를 체크하는 경우에 navigator 객체를 사용합니다. 그중에서 appName 를 사용해서 익스플로러 인지 아닌지를 확인하는 방법을 공유하려고 합니다! var browser = window.navigator.appName; if(browser.indexOf('Microsoft Internet Explorer') > -1){ // explorer }else{ // not explorer } 위 내용 보시면 아시겠지만, browser 라는 변수에 appName 를 담고 그 내용중 Microsoft Internet E..

[javascript/jquery] javascript browser name example / 자바스크립트 브라우저 종류 확인 방법 javascript 에서 현재 브라우저의 정보를 가져와야 하는 경우가 종종 생기곤 합니다. 사파리에서는 동작을 안하고 크롬에서는 동작을 하고 머 이러한 이슈들때문에 브라우저 별로 약간씩 코드를 다르게 짜야하는 경우일텐데요. 그럴때는 아래와 같이 navigator 객체의 appName 를 사용하시면 됩니다. window.navigator.appName 위 내용을 출력해보면 아래와 같이 appName 이 출력됩니다! Netscape 이걸 가지고 브라우저를 구별하시면 됩니다! 참고들 하세요!

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