Very very simple!! Make fun with Javascript Date.

안녕 여러분! 오랜만에 포스팅 하는군요 ㅎㅎ

오늘 알아볼 것은 javascript로 '날짜'(연 월 일 시 분 초)를 이용하는 방법이에요.

여러분들이 만약 2013년 5월 1일에서 6시간 전부터 db에 찍힌 데이터를 이용하고 싶을 경우 보통은 자바스크립트의 '시 분 초'를 구해서 If문을 넣고 오늘 날짜가 1일이면 앞에 '월'에서 1을 빼고 '월'이 홀수 달이면 31일로 만들고 짝수달이면 30일로 만들고 윤달이면 .............

아..... 이걸 어떻게 한답니까. 머리아파요. 코드가 길어집니다.

고로 우리는 Time Stamp라는걸 쓸거에요. 자바스크립트의 timestamp는 시간을 1밀리 세컨드(1/1000 초) 단위로 나타내 줍니다.

그렇기 때문에 월이 바뀌고 년도가 바뀌어도 알아서 처리를 해줍니다. 이걸 쓰세요 짱짱 편합니다.

javascript는 총 13자리의 time stamp를 사용합니다. 1/1000초 단위로 작동을 하기 때문에 unix time stamp보다 3자리가 깁니다.

그러면 2013년 5월 24일 금요일 현재 time stamp를 알아볼까요?

구글 크롬을 사용하신다면 f12번 키를 누르시고 콘솔창에

Date(); 라고 입력 해보세요. IE도 마찬가지 입니다. 스샷은 제가 크롬을 쓰기에 크롬입니다.

아래와 같이 chrome에서 F12번을 누릅니다.

그러면 아래와 같이 무슨 창이 하나 올라옵니다. 메뉴중에서 맨 끝에 'Console'을 선택해 주세요.

그리고 아래 입력 창에 Date(); 라고 입력하면

"Fri May 24 2013 17:02:16 GMT+0900 (대한민국 표준시)"

이렇게 현재 시간이 나옵니다.

그러면 Time Stamp를 한번 봐볼게요

new Date() - 1000; 를 입력하고 엔터를 칩니다.

그러면 1369382712073 이렇게 13자리 숫자가 나타납니다. 이게 현재 시간을 나타내는 타임스탬프 입니다. 단위는 1/1000초 입니다.

그러면 여기에서 

1초를 빼려면 - 1000을 해주면 되고, 

1분을 빼주려면 *60인 -60,000을 해주면 됩니다.

1시간을 빼주려면 *60인 -3,600,000을 해주면 됩니다.

1일을 빼주려면 *24인 -86,400,000을 해주면 됩니다.

·

·

·

이런식으로 오늘 날짜에서 1일을 빼주려면

현재 타임스탬프 1369382712073 - 86400000을 해주면 어제 날짜가 나오겠지요.

그러면 직접 실습을 해보겠습니다.

오늘( 2013년 5월 24일 )에서 하루를 빼서 어제( 2013년 5월 23일 )로 만들어 보겠습니다. 글씨가 깨알 같이 보이니 스샷을 한번 클릭해주면 원래 사이즈로 나옵니다.

time = new Date();  //time이라는 변수에 현재 시간을 생성 합니다.

time.getDate(); //현재 시간에서 date만 출력합니다.

time-1000; //time stamp를 출력하기 위해 1초를 뺐습니다.

// 1369296698110 라는 time stamp가 나오는군요.

time2 = new Date( 1369296698110 ); //time stamp를 가지고 Date객체를 생성합니다.

time3 = time2 - 86400000 //time2객체에서 1일(86400000)를 뺀 날짜 객체를 time3에 저장합니다.

time3.getDate(); //time3객체에서 date만 출력합니다. 23으로 잘 출력이 됩니다.

웹 브라우저 콘솔에서만 되는 것이 아니고 javascript function이나 jquery(같은거지만..)에서도 되고 다 되니 잘 응용해서 사용해 보시길 바랍니다.

여러분들도 한번 해보세요! 참 쉽죠잉??

안쉽다면 e-mail 혹은 gtalk으로 문의 주세요 ㅎㅎ