제주도 자전거 일주 영상을 대충 만들어 보았다.- surly disc trucker 의 첫 비행

2017년 추석... 황금연휴라 부모님께 간곡한 승낙을 받아
우리 부부는 제주도로 출발 했다!!!
사실 3월에 이미 마일리지로 발권은 해놓고 허락 못 받음
비행기표를 버릴 생각 이었다 ㅋㅋㅋ

사실 2015년에도 자전거를 가져 갔지만 비오는날 타다가
와이프 자전거의 허름한 브레가 내리막길 에서 먹통이 되어
낙차 사고가 있어 도중에 렌트카 여행으로 전환 했었다.
그 사고후 우리는 결혼을 하면서 커플 자전거를 새로 장만하고
드디어 2017년 10월 투어를 나갔다.

우여곡절도 있었으나 많이 힘든건 없었다.
역시 국내투어는 걱정 할게 없다.

여행기를 써보려 했으나 투어중 사진 찍는 것도 귀찮고
여행기 쓰는건 더 귀찮고... ㅋ
여행기는 내 마음속에 두기로 했다. ^^;
하지만 아무것도 안남기면 거시기 하니 간단한 영상 하나
올려 추억해 보기로 한다.

jquery element 의 hide 여부 판단 하기.is(':visible');

특정 element 의 display 속성이 none 인지 아닌지 
판단 할때 아래와 같이 사용 하면 쉽다.

$('#myDiv').is(':visible');

display: none 일때는 false 를 반환 한다.

jquery 팝업으로 폼(form)전송, 팝업에서 부모창 폼(form)전송 시키기

* 부모 페이지 폼 html
<form name="fnForm" id="fnForm" method="post" target="popup_window">
    <input type="hidden" name="sBrchCd" />
</form>



* 팝업 으로 폼전송 스크립트
$("input[name=sBrchCd]").val( "aaa" );
$("#fnForm").attr("action", "/abc.do");
window.open("", "popup_window", "toolbar=no, location=no, width=745, height=705");
$("#fnForm").submit();

* 팝업 에서 부모창의 폼전송 스크립트

window.opener.$("input[name=sBrchCd]").val( "sss" );

window.opener.$("#fnForm").attr("action", "/aaa.do");

window.opener.$("#fnForm").attr("target", "");

window.opener.$("#fnForm").submit();

jquery 6자리 랜덤 숫자(집 비밀번호 변경용)

6 자리 랜덤 숫자

$(document).ready(function() { , $(function() {

jquery 를 사용 하면 아래의 문법으로 시작 하게 된다.
가장 많이 쓰이는 방법이다.

$(document).ready(function() {

});

그런데 여기저기 jquery 를 사용한 사이트를 보면 아래와 같은 방법을 쓰는걸
볼수 있다.
코드량을 줄이기 위함이다.

$(function() {

});

위쪽을 더 많이 써서 그런지 더 가독성이 좋아 보인다.

Datejs 스크립트 날짜 관련 유용한 라이브러리

스크립트로 날짜를 계산 하면 정말 짜증 난다.

자료를 찾아서 해봐도 내가 원하는 결과는 쉽게 나오지 않는다.

다른 언어들은 편한데 스크립트는 복잡 하다.

그러다 datejs 라는걸 알게 되었다.

3일전 날자를 구하는걸 예로 들어 보겠다.

기존의 스크립트들은 아래와 같다.

var strDate1 = "2015-5-6";

var arr1 = strDate1.split('-');

var dat1 = new Date(arr1[0], arr1[1], arr1[2]);

document.write("* 현재날짜 : " + strDate1 + "<br/>");

document.write("* 3일 더하기 : " + dat1.getFullYear() + "-" + dat1.getMonth() + "-" + (dat1.getDate() + 3) + "<br/>");

document.write("* 3일 빼기 : " + dat1.getFullYear() + "-" + dat1.getMonth() + "-" + (dat1.getDate() - 3) + "<br/><br/>");

Datejs 은 아래와 같다.

Date.today().add(-3).day()

한줄로 끝나 버린다.

이걸 찾고 그동안 수차례 고생한 지난 일들이 생각 나며 억울 하다 ^^;

앞으로는 삽질 안해도 되겠군...

자세한 내용은 아래를 참고 하시길...

date.js 를 다운받아 프로젝트에 넣은후 사용 하면 됨.

소개 사이트

http://www.datejs.com

API 참고 사이트
https://github.com/datejs/Datejs

jquery 동적 테이블 click 이벤트 처리 delegate

jquery 로 클릭 이벤트 처리를 위해서 보통은 아래와 같은 방법으로 처리 한다.

$(".trashCan").click(function(){
      console.log("ddddd");
});

하지만 동적테이블을 쓰게 되면 새로 만들어진 TR, TD 들은 클릭 이벤트가
되지 않는다.

그럴땐 아래처럼 delegate 를 사용하면
새로 만들어진 TR, TD 도 이벤트 처리가 잘된다.

$(document.body).delegate('.trashCan', 'click', function() {
console.log("ddddd");
});

별거 아닌거 같지만 막상 찾으려면 가끔은 검색이 잘 안된다.