개발자의 끄적끄적

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

[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] 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] 자바스크립트 시계 타이머 함수 및 예제 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 상태입니다. 각각에 맞는 로직을 구현하시면 됩니다! 참고들 하세요!

[javascript/jquery] jquery hasClass 사용법 및 예제 jquery 에서 특정 아이디 혹은 이름을 가진 태그에서 특정 클래스 명을 가지고 있는지를 확인하는 방법입니다. $("타겟").hasClass("클래스명"); 위 내용처럼 hasClass 를 이용하여 있는지 확인할 수 있습니다. 결과는 boolean 형태로 true / false 가 나옵니다! 참고들 하세요!

[javascript/jquery] jquery 화면 캡처 라이브러리 사이트[링크] jquery 라이브러리들이 유용한것들이 참 많이 있는데요! 그중에서 현재 브라우저의 화면을 캡쳐하는 라이브러리가 있습니다! 저도 사이트가서 데모 실행해보고 너무 실용적일 수 있다는 생각에 공유하고자 링크 공유하고자 합니다! 아직 사용은 못해봤지만, 조만간 프로젝트에 사용해보려고 합니다! 참고들 하시구요! 아래 링크 가셔서 확인해보세요! 화면 캡쳐 라이브러리 링크 : html2canvas.hertzen.com/ html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the cu..