개발자의 끄적끄적

[javascript/jquery] selectbox get seleted text / 셀렉트박스에서 선택된 옵션의 텍스트 가져오기 jquery 에서 selectbox 를 사용하다보면 선택된 값의 글자를 확인해야 하는 경우가 있습니다. 그럴때는 아래와 같이 사용하시면 됩니다! $("#TARGET_ID option:selected").text(); 위 내용 보시면 아시겠지만 #ID option:selected 라는 내용은 selectbox 의 아이디의 옵션들중 selected 즉, 선택된 항목을 가리키는 겁니다. 그것의 text를 가져온다는 내용입니다! TARGET_ID 에 적용하시고자 하는 select 태그의 아이디를 넣어주시고, 테스트해보시면 됩니다! 참고들 하세요!

[javascript/jquery] free javascript & jquery library site / 무료 자바스크립트 라이브러리 모음 사이트 [링크] 웹 사이트를 개발하다보면 javascript / jquery 는 무조건 사용하는데요 이때 라이브러리는 잘 활용하는 것도 중요한 요소라고 생각됩니다! 그래서 무료 javascript / jquery 라이브러리&플러그인을 잘 정리해둔 사이트가 있어서 공유하고자 합니다! 들어가셔서 한번씩 둘러보시면 도움이 되실듯 합니다! 참고들 하세요! javascript / jquery library & plugin site link : mellonia-lab.tistory.com/29

[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 를 이용하여 창을 닫는 내용입니다! 이건 저도 이번에 처음 찾은거라 테스트중인데 문제없이 동작하는 듯 합니다! 혹시나 다른방법이 있거나 동작이 안되면 다시 공유하겠습니다! 참고들 하세요!