티스토리 뷰
올해에 기억에 남는 프로젝트 중에서, 몇개월 동안 프론트 작업 시간이 더 많았던 프로젝트가 기억이 난다.
프론트 작업을 하다보면, 의외로 쉽지만 반복되는 작업이 때론 번거롭게 만드는 경우가 있다.
예를 들면, 날짜 형식이 화면에 따라 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성 함수를 만들어 보도록 하겠다.
'Web > Java Script' 카테고리의 다른 글
[자주 쓰는 스크립트 모음] javaScript 오늘 요일(특정 요일) 구하기 (0) | 2022.02.01 |
---|
댓글