[sample coding] 타이머 - 버전변경

⏰ 자유배포로 코드 변경한것이 원하는 시간에 반영되면 좋겠지만 그렇지 못한 경우가 있다
한 방법으로 타이머를 걸어 버전을 변경해줘서 원하는 데이터값이 나오거나 로직이 실행되도록 할 수 있다

🐧 예시

< 변경전 데이터 > - [ 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>