[sample coding] 타이머 - 버전변경
7218 단어 JavaScriptExamplevue.jsExample
⏰ 자유배포로 코드 변경한것이 원하는 시간에 반영되면 좋겠지만 그렇지 못한 경우가 있다
한 방법으로 타이머를 걸어 버전을 변경해줘서 원하는 데이터값이 나오거나 로직이 실행되도록 할 수 있다
🐧 예시
< 변경전 데이터 > - [ 2021-04-29 ]
만 25세
< 변경후 데이터 > - [ 2021-05-01 ]
만 26세
👀 예제코드
📃 vue.js
<template>
<h1> {{ versionTxt }} </h1>
</template>
<script>
export default {
data() {
return {
TARGET_DATE: '2022-05-01', // 자정 v1 -> v2
isAfterVersion: false // 현재 버전이 변경전 버전인지
};
},
created() {
//버전 셋팅
this.$_initVersion();
},
computed: {
// 바뀌어야 하는 부분
versionTxt() {
return this.isAfterVersion ? '만 26세': '만 25세' ;
},
},
methods: {
// 타겟 날짜 이후인지 판별 - 날짜 api에서 받아올시 타입체크 필요
$_getIsAfterDate(date) {
const curTstmp = new Date().getTime();
const targetDate = new Date(date);
// 자정으로 셋팅
targetDate.setHours(0,0,0,0);
// 참고 : dateObj.setHours(hoursValue[, minutesValue[, secondsValue[, msValue]]])
const targetDateTstmp = targetDate.getTime();
return targetDateTstmp <= curTstmp;
},
// 버전 셋팅
$_initVersion() {
const isAfterTargetDate = this.$_getIsAfterDate(this.TARGET_DATE);
if (isAfterTargetDate) {
this.isAfterVersion = true;
}
}
},
}
</script>
Author And Source
이 문제에 관하여([sample coding] 타이머 - 버전변경), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@tjdud0123/sample-coding-타이머-버전변경-eyl8e3kq저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)