개발자의 끄적끄적

[javascript/jquery] jquery trugger click example / jquery 버튼 강제 클릭 이벤트 발생 방법 jquery 에서 버튼을 강제로 클릭하게 처리하고 싶은 경우가 있습니다. trigger를 사용하면 버튼을 강제로 클릭할 수 있습니다. 예를들어 아래와 같이 test_btn 이라는 버튼이 있다고 가정하고, 테스트 아래 나와있는 것처럼 trigger("click") 를 사용하면 해당버튼을 클릭 시킬수 있습니다. $("#test_btn").trigger("click"); 참고들 하세요!

[javascript/jquery] jquery .css example / jquery 스타일 속성 추가 방법 jquery 로 특정 선택자, 즉 요소안에 css 속성을 추가해야 하는경우에는 아래와 같이 .css 를 이용하시면 됩니다! $("#test_div").css({ "color": "red", "font-size": "16px" }); 위 내용 보시면 아시겠지만, test_div 라는 아이디를 가지는 요소에 color 와 font-size 를 추가하는 내용입니다. 1개만 추가해도되고 여러개를 추가해도되니 참고들 하세요!

[javascript/jquery] jquery 전체 페이지 스크롤 하는 라이브러리 사이트 [링크] html 과 css 를 이용해서 페이지를 퍼블리싱 하다보면 마우스 스크롤 한번에 한 섹션씩 이동해야하는 이펙트를 주어야 하는 경우가 있습니다. 그럴때 사용하는 라이브러리가 fullpage 라이브러리 입니다. 이 라이브러리 소개와 2버전 3버전의 소스도 잘 정리되어 있는 사이트가 있어서 공유해보려고 합니다! 아래 링크 들어가셔서 사용법도 확인하시고 다운받으셔서 적용하시면 될듯 합니다! 참고들 하세요! jquery fullpage.js 다운로드 및 사용법 링크 : https://mariedays.tistory.com/40 전체페이지 스크롤 플러그인 fullPage.js 다운로드 및 사용법 / 버전2 무료 / ..

[javascript/jquery] jquery useful library / jquery 유용한 라이브러리 모음 사이트 [링크] jquery 를 사용하다보면 유용한 라이브러리들이 상당히 많이 있습니다. 그중에서 괜찮은 라이브러리들을 모아놓은 사이트가 있어서 공유하려고 합니다! 들어가서 보시면 사용법도 간단하고 유용한 라이브러리들이 많습니다! 참고들 하세요! jquery useful library site : https://nolboo.kim/blog/2013/07/31/cs-useful-jquery-libraries/

[javascript/jquery] jquery movie library / jquery 영상 라이브러리 [링크] html 에서 유투브나 비메오 같은 영상을 표시하다보면 반응형으로 작업을 해야하는 경우가 많은데요. jquery 에 유용한 플러그인이 있어서 소개하려고 합니다! 사용법도 간단하고, youtube / vimeo 등 여러가지 영상을 지원해서 유용하게 쓰일듯 합니다. 저도 아직 사용은 안해봤지만, 사용해보고 참고할만한 점이나 문제 있으면 공유하겠습니다! jquery 영상 라이브러리 : http://fitvidsjs.com/ FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds. fitvidsjs.com

[javascrip/jquery] jquery cookie library / jquery 쿠키 라이브러리[링크] jquery 에서 쿠키를 사용해야 하는 경우 유용하고 간단하게 사용할수 있는 jquery 라이브러리가 있어서 공유해보고자 합니다! 바로 cookie 라이브러리인데요! 아래 나와있는 내용처럼 간단하게 선언하고 읽고 삭제할 수 있습니다! 1. 쿠키 내용 가져오기 $.cookie('name'); // => "value" 2. 쿠키 생성하기 $.cookie('name', 'value', { expires: 7, path: '/' }); 3. 쿠키 삭제하기 $.removeCookie('name'); // => false github 링크 달아놓을테니 들어가셔서 보시면 금방 적용하실 수 있습니다! 참고들..

[javascript/jquery] javascript detect history back example / 자바스크립트 뒤로가기 감지하는 방법 javascript 에서 뒤로가기 즉, history back 을 감지해야 하는 경우가 있습니다. 그럴때는 아래와 같이 스크립트를 뒤로가기로 호출된 페이지에 추가하시고 todo 에 로직을 작성하시면 됩니다. window.onpageshow = function(event) { if ( event.persisted || (window.performance && window.performance.navigation.type == 2)) { // todo } } 참고들 하세요!

[javascript/jquery] jquery datatable iDisplayStart example / jquery datatable iDisplayStart 사용법 및 예제 jquery datatable 을 이용하여 목록 테이블을 구성하다 보면 페이징을 수동으로 변경하고 싶은 경우가 있습니다. 그럴때는 iDisplayStart 라는 옵션을 사용하시면 됩니다! $('#example').dataTable( { "iDisplayStart": 10 . . . } ); 위 내용보시면 아시겠지만, iDisplayStart 옵션값을 10으로 주어주면 목록의 내용중 10번째부터 보여준다는 의미입니다! 즉 page 번호를 구해서 *iDisplayStart 를 하면 페이징과 같은 효과를 낼 수 있습니다! 참고들 하..