티스토리 뷰

올해에 기억에 남는 프로젝트 중에서, 몇개월 동안 프론트 작업 시간이 더 많았던 프로젝트가 기억이 난다.

프론트 작업을 하다보면, 의외로 쉽지만 반복되는 작업이 때론 번거롭게 만드는 경우가 있다.

 

예를 들면, 날짜 형식이 화면에 따라 2021.01.01 과 같이 . 으로 표기 되어야 한다던가, 2021-01-01 과 같이 - 로 표기 되어야 하는 경우,

혹은 오늘 날짜를 구하는 경우 등등 미묘한 표기방식 차이로 함수를 다시 만든다던가 수정해야 하는 경우가 생기는 경우도 있을 것이다.

그래서인지 스크립트는 한번 만들 때 util성으로 만들어 놓으면 참 편하다는 생각이 든다.

특히나 이런 간단한 작업들은 대체적으로 복사해오는 경우도 더러 있기 때문에

앞으로 이 글을 시작으로 util성 함수들을 업데이트 해 나가려 하고 있다.


오늘 날짜 포맷 만들기 (YYYY-MM-DD)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//날짜관련
const $D = {
    /* 오늘 날짜 구하기(YYYY-MM-DD)
    $D.getDate(spt)
    
    spt = 구분자 (null 가능) 
    ex ) $D.getDate('-')
    2021-01-01
    */
    getDate : function(spt){
        var today = new Date();
        
        var year = today.getFullYear();
        var month = ('0' + (today.getMonth() + 1)).slice(-2);
        var day = ('0' + today.getDate()).slice(-2);
        var date;
        
        if(spt == null){
            date = year + month + day;
        }else{
            date = year + spt + month + spt + day;
        }
        
        return date;
    }
}
 
 
cs

 

 

 
실행
 
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
 
$(document).ready(function(){
    console.log($D.getDate());
    console.log($D.getDate('-'));
})
 
</script>
 
 
cs

Date($D)에 관련한 함수들을 만들어 두려고 한다.

결과

다음과 같이 매개변수에 구분자를 주지 않으면 YYYYMMDD와 같은 형식으로,

구분자를 지정해주게 되면 YYYY-MM-DD와 같은 형식으로 출력을 확인 할 수 있을 것이다.

 

 

util.js

util.js
0.00MB

이 글을 시작으로 하나씩 자주 쓰는 것들에 대해서, util성 함수를 만들어 보도록 하겠다. 

댓글
공지사항
글 보관함
최근에 올라온 글
최근에 달린 댓글