getTime으로 표현한 데이터 15자리는 무슨 의미?


안녕하세요.
고코더 입니다.


자바스크립트에서 getTime()은 자주 사용하는 함수 입니다. 시간이 1/1000 까지 나타내주므로 페이지에 로딩 시간을 체크할 수도 있고 채팅에서는 아주 좋은 시간 값으로 사용이 가능합니다.


 1. 그런데 숫자 모양이 조금 이상하게 느껴질 수 있습니다. 현재 getTime 을 가져오면 이와 같은 값이 나타납니다. 
1574663052422


 2. 이건 1970.01.01 이후 부터 경과한 시간을 milliseconds 단위 그러니깐 1/1000단위로 표현된 숫자 표현입니다.  그래서 반대로 1970년대 이전으로 날짜로 하고 계산을 하면 이렇게 마이너스 값을 확인 가능합니다.
-315619200000


 3. 결론은 1970년 1월 1일부터 얼마나 시간이 흐른 초를 1/1000으로 나눈 밀리세컨드 단위로 표현합니다.


마무리


왜 1970년이 기준일까요?


댓글을 달아 주세요


script src .js에서 parameter 사용 방법


안녕하세요.
고코더 입니다.

자바스크립트를 개발하다보면
.js 에 파라미터를 넘겨서 
해당 값을 이용해서 개발을 하는 경우가 있습니다.

▼ 이렇게 js를 참조하면서 필요한 파라미터를 넣는 경우가 있습니다. 


그런데 자바스크립트에서
GET 형식의 파라미터를 받는 방법에서
getParameterByName 을 많이 사용하고 계십니다



하지만 해당 함수는 
Get 형태의 윈도우 로케이션 URL을 가져오는 방식으로ㅓ
.js를 <head> 호출할때는 사용할 수 없습니다.

아래 함수를 사용하여 가져올 수 있습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

function scriptQuery() {
    var script = document.getElementsByTagName('script');   
    script = script[script.length-1].src  
       .replace(/^[^\?]+\?/'')           
       .replace(/#.+$/'')                      
       .split('&');                                   
     var queries = {}                             
       , query;
     while(script.length){                      
          query = script.shift().split('=');    
          queries[query[0]] = query[1];   
     }
     return queries;
}
cs



사용법은

1
2
3
4
5
var GoCoderNet = scriptQuery();
GoCoderNet.파라미터
 
/* 만약 파라미터 명이 url 이라면 */
GoCoderNet.url
cs

로 사용하시면 됩니다.



마무리


js 가 제일 어렵지만 재밌죠


댓글을 달아 주세요


개발코드 정렬 하기 


얼마전 소스 리뷰를 보는데 MIN으로 압축된 JS 파일을 유지보수 하는
분을 보았습니다. 한줄로 된 그 코드를 분석하는 개발력에 놀라웠지만 
생산적인 면에서는 소스를  정렬하고 유지보수 하는게 좋아 보이더군요

소스를 정렬 하는 방법은 상당히 많습니다.



첫번째로 해당 기능을 제공하는 사이트에서 정렬 하는 방법이 있고
두번째로 IDE 기능을 통해 하는게 사실 가장 좋고
세번째는 손으로 직접 정렬 하는 방법이 있을 것입니다.

그래서 오늘은 
첫번째 방법을 알아보겠습니다. 
바로 http://jsbeautifier.org/ 사이트를 활용 하는 방법 입니다. 


▼ 접속하면 아래와 같이 바로 기능 페이지가 나옵니다. 기능에 충실하네요


▼이번에는 정렬해볼 소스를 구해봅시다.
http://code.jquery.com/jquery.min.js 을 크롬으로 열어보면
아래처럼 압축 암호와 된 script가 보입니다. 이걸 클립보드에 복사 해보시고~


▼ 아래 처럼 기능을 실행시켜보면 정렬 된 min jquery를 보실 수 있습니다. 






마무리


개발 후에 특정 정렬 프로그램을 이용해 마무리 하는걸 약속하면 
일괄된 소스를 볼 수 있습니다^^


댓글을 달아 주세요