개발자의 끄적끄적

[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] javascript vimeo get current time example / 자바스크립트 비메오 영상 현재 재생시간 구하는 방법 javascript 에서 vimeo 영상을 다루다 보면 특정상황의 재생시간을 확인해야 하는 경우가 있습니다. 그럴때는 기본적으로 재생시간을 구하는 방법을 알면 특정상황에 맞게 수정하시면 됩니다! 비메오 영상의 현재시간을 구하는 방법을 공유해 보겠습니다! 우선 아래와 같이 vimeo 영상 player 가 있다고 가정하고, var player = new Vimeo.Player(iframe); 위 player 의 현재 재생시간을 구하고 싶으면 아래와 같이 getCurrentTime 을 사용하시면 됩니다! player.getCurrentTime()..

[javascript/jquery] javascript vimeo get duration example / 자바스크립트 비메오 영상 전체 재생시간 구하는 방법 vimeo 를 이용하여 영상을 다루다 보면 전체 영상의 크기를 구해야 하는 경우가 있습니다. 그럴때는 아래와 같이 getDuration 을 이용하시면 됩니다! 예를들어 아래와 같이 vimeo player 가 있다고 가정하고, var player = new Vimeo.Player(iframe); 위 player 의 전체 재생시간을 구하고 싶으면 아래와 같이 getDuration 을 사용하시면 됩니다. player.getDuration().then(function(duration) { console.log(duration); }); console.lo..

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

[javascript/jquery] jquery ajax html type find tag example / jquery ajax html 파일 내 특정태그만 표기하는 방법 jquery 에서 ajax 를 이용하여 서버와 통신을 할때 json 이나 html 타입으로 통신을 가장 많이 하게 됩니다. 그중에서 html 타입으로 할때는 넘겨진 페이지를 특정 영역에 그대로 표시해주는 형식으로 표현됩니다! 이번에는 넘겨진 html 데이터를 전체다 표기하기 않고 특정 태그만 뽑아서 표시되게 하는 방법을 공유해보려고 합니다! $.ajax({ url : "AJAX_URL", success : function(result) { var li_html = $("#text").html(result).find('li'); $('..