개발자의 끄적끄적

[javascript/jquery] javascript string concat example / 자바스크립트 문자열 합치는 방법 javascript 에서 문자열을 다루다 보면 특정문자들을 이어서 하나의 문장으로 만들어야 하는 경우가 있습니다. 그럴때는 내장함수인 concat 를 사용하시면 됩니다. 우선 아래와 같이 abc 와 def 를 각각 가지는 변수 2개가 있다고 가정하고, var str_1 = "abc"; var str_2 = "def"; str_1 의 문자열 뒤에 str_2 를 붙이기 위해서 아래와 같이 concat 를 사용합니다. var result = str_1.concat(str_2); 그리고 위 결과가 담긴 변수 result 를 이래와 같이 출력하면 결과는 abcdef 가 나오게 됩니다...

[javascript/jquery] javascript event list site / 자바스크립트 이벤트 모음 사이트 [링크] javascript 를 사용해서 사이트 개발을 진행하다 보면 이벤트들을 잘 알아야 여러가지 상황에 맞는 스크립트를 구현할 수 있습니다! 그럴때 참고하면 좋은 사이트가 있어서 공유하려고 합니다! 바로 이벤트 모음 사이트 인데요! 들어가셔서 한번 둘러보시고 수시로 참고해서 이벤트속성을 파악해서 구현하시면 많은 도움이 되실듯 합니다! javascript event list site : https://server-dev.tistory.com/24 [자바스크립트] 이벤트 핸들러 모음 [자바스크립트] 이벤트 핸들러 모음 [자바스크립트] 이벤트 핸들러 모음 onabort 이미지의 다운로드를..

[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 ajax html history back example / jquery ajax html 더보기 뒤로가기시 유지방법 jquery ajax html을 이용하여 더보기를 구현하다보면 게시물을 클릭해서 상세 페이지로 갔다가 뒤로가기 버튼을 이용해서 목록으로 되돌아오면, 더보기 목록이 유지되야 하는 경우가 있습니다. 그럴때는 아래와 같이 history state 를 이용하시면 됩니다. 우선 아래와 같이 total_list 이라는 변수를 선언합니다. var total_list = ""; 아래와 같이 ajax html 함수에서 append 시키는 부분에 total_list 에 리턴받은 html 데이터를 누적하고, history.replaceState 에 total_l..

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