개발자의 끄적끄적

[javascript/jquery] 자바스크립트 숫자인지 아닌지 확인하는 방법 / isNaN 사용법 및 예제 javascript 에서 특정 변수의 값이나 내용이 숫자인지 아닌지 확인하야 하는 경우가 있습니다. 그럴때는 아래처럼 javascript 내장 함수인 isNaN을 이용하시면 됩니다. 아래는 기본 함수 명입니다. isNaN() 아래는 기본 사용법입니다. var a = isNaN("aaa"); var b = isNaN(111); 위애 나와있는 내용처럼 aaa 라는 문자열을 isNaN 으로 체크한 결과는 a 라는 변수에 담고, 111 라는 숫자를 isNaN 으로 체크한 결과는 b 라는 변수에 담고 console.log 로 출력하면 결과는 아래와 같습니다. console.log(a); --> result..

[javascript/jquery] 자바스크립트 몫과 나머지 구하는 방법 javascript 에서 나누기 연산중 몫과 나머지는 구하는 방법입니다. 바로 parseInt 와 % 연산자를 이용하는 방법입니다. 아래처럼 a 라는 변수에 parseInt(5/2) 를 넣고 b 라는 변수에 5%2 의 값을 넣고 var a = parseInt(5/2); var b = 5%2; 위에서 계산한 2개의 변수를 출력하면 아래와 같은 결과가 나옵니다. console.log(a); --> result : 2 console.log(b);--> result : 1 즉, parseInt 를 이용하여 2.5 라고 나오는 값을 정수화 해서 2 라는 몫을 구하고 % 연산자를 이용하여 5%2 의 나머지인 1을 구합니다. 참고들 하세요!

[javascript/jquery] 자바스크립트 숫자가 유한인지 무한인지 확인하는 함수 isFinite() 사용법 및 예제 javascript 에서 숫자연산을 수행하다 보면 나누기값이 무한이거나 할때 NAN 으로 표기되어 오류가 발생하곤 합니다. 그럴때 미리 숫자가 무한인지 / 유한인지 확인할 수 있는 함수가 있습니다. 바로 아래처럼 isFinite() 라는 함수입니다. isFinite() 기본사용법은 아래처럼 isFinite(숫자); 를 넣어서 체크하면 됩니다. isFinite("number"); 아래는 예제입니다. console.log(isFinite(10/1)); console.log(isFinite(10/0)); 위 내용을 보시면 아시겠지만, isFinite(10/1); 과 isFinite(10/..

[javascript/jquery] slick slider library 사용법 및 예제 jquery 라이브러리 중에 슬라이더 형식으로 이미지를 나열해주는 라이브러리중 하나인 slick slider 라이브러리를 공유하고자 합니다. swiper 도 있지만 slick 도 사용하기 편리한듯 합니다! 1. 우선 페이지 head 태그 안에 아래 javascript 와 css 를 로드합니다. // javascript // css 2. 그리고 slick slider 를 적용시킬 타겟, 즉, 클래스나 아이디 등의 선택자에 아래와 같이 로드시킵니다. $(document).ready(function(){ $("TARGET").slick(); }); 만약 클래스명이 slide 인 div 에 로드시킨다고 가정하면, $(".s..

[javascript/jquery] 특정클래스명을 포함하는지 확인하는 방법 / hasClass 사용법 및 예제 jquery에서 특정타겟에 특정 클래스가 포함되어 있는지 확인해야 하는 경우가 있습니다. 그럴때 아래와 같이 hasClass 를 이용하시면 됩니다. 우선 아래와 같이 div 라는 아이디를 가지고 있는 태그가 있다고 가정하고, 위 태그가 on 이라는 클래스를 가지고 있는지 확인하고 싶으면 아래와 같이 hasClass 를 사용하면 됩니다. $('#div').hasClass('on') 위 처럼 hsdClass 결과를 출력해보면 boolean 타입으로 true/ false 가 반환됩니다 참고들 하세요!

[javascript/jquery] 새창 프린트 종료시점 확인하는 방법 / window.open onafterprint example javascript 에서 출력물을 프린트 하고 창을 닫고자 할때, 혹은 출력을 취소하고 창을 닫을때, 아래와 같은 방법으로 제어를 할 수 있습니다! newWindow.onafterprint = function(){ newWindow.close(); } 위 내용 보시면 아시겠지만, [new_window_object_name].onafterprint 이벤트가 발생했을때 close 를 이용하여 창을 닫는 내용입니다! 이건 저도 이번에 처음 찾은거라 테스트중인데 문제없이 동작하는 듯 합니다! 혹시나 다른방법이 있거나 동작이 안되면 다시 공유하겠습니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 시계 타이머 함수 및 예제 javascript 에서 시계를 숫자로 표시하고자 할때, 즉 00:00:00 의 형식으로 시계를 표현하고 싶을때 아래 함수를 활용하시면 됩니다. function setTimer(){ var time = new Date(); var hour = time.getHours(); var minutes = time.getMinutes(); var seconds = time.getSeconds(); if( minutes.toString().length == 1 ) { minutes = "0"+minutes; } if( seconds.toString().length == 1 ) { seconds = "0"+seconds; } $("TARGET..

[javascript/jquery] jquery display 옵션 확인 및 제어 방법 jquery 에서 특정 타겟의 display none 여부를 체크하고 결과에 따라서 show / hide 를 제어하고 싶을때가 있습니다. 그럴때 아래 방법으로 하시면 됩니다. if ( $('TARGET').css('display') === 'none' ) { // display none } else { // display show } 위 내용 보시면 아시겠지만, TARGET 의 css 중 display 옵션이 none 으로 일치하면 hide 상태이고 그외의 경우는 show 상태입니다. 각각에 맞는 로직을 구현하시면 됩니다! 참고들 하세요!