[JavaScript] 현재시간 timestamp로 Mock Data 만들기

[JavaScript] 현재시간 timestamp로 Mock Data 만들기

안녕하세요 TriplexLab 입니다.
오늘은 JavaScript로 현재시간의 Mock Data를 만들어 보겠습니다.

<script>
	(function(){
		const userids = ['triplexlab', 'younhoso']
        function userRandomId() { //userRandomId함수 userids라는 배열에 있는 값을 랜덤하게 골라주는 함수
        	return userids[Math.round(Math.random())]
        };
        /*
        * new Date().getTime()에 대한 설명
        * 파라미터 없이 new Date()를 하면 현재 날짜로 설정되어 있는 Date 객체가 생성돼서 리턴됩니다.
        * .getTime()로 하면 1636537799727와 같은 timestamp를 받아올수 있다.
        */
        const msgs = Array(10).fill(0).map((_, i) => ({
        	id : i + 1,
        	userID : userRandomId(),
        	timestamp : new Date().getTime() + i * 1000 * 60 //* 1000 * 60로 연산하여 (분 단위)로 값을 구합니다.
        }));

          const map1 = msgs.map((x, i) => {
              return({
                  'id' : x.id,
                  'userID' : x.userID,
                  'timestamp' : new Date(x.timestamp).toLocaleString('ko-KR', {
                      year: 'numeric',
                      month: 'numeric',
                      day: 'numeric',
                      hour: '2-digit',
                      minute: '2-digit',
                      hour12: true, // 12시 기준으로 오전, 오후를 나눠서 보여줍니다.
                  })
              });
          });

			console.log(map1)
	})();
</script>

결과 ) 👇

0: {id: 1, userID: 'triplexlab', timestamp: '2021. 11. 10. 오후 07:26'}
1: {id: 2, userID: 'younhoso', timestamp: '2021. 11. 10. 오후 07:27'}
2: {id: 3, userID: 'triplexlab', timestamp: '2021. 11. 10. 오후 07:28'}
3: {id: 4, userID: 'younhoso', timestamp: '2021. 11. 10. 오후 07:29'}
4: {id: 5, userID: 'triplexlab', timestamp: '2021. 11. 10. 오후 07:30'}
5: {id: 6, userID: 'triplexlab', timestamp: '2021. 11. 10. 오후 07:31'}
6: {id: 7, userID: 'younhoso', timestamp: '2021. 11. 10. 오후 07:32'}
7: {id: 8, userID: 'younhoso', timestamp: '2021. 11. 10. 오후 07:33'}
8: {id: 9, userID: 'triplexlab', timestamp: '2021. 11. 10. 오후 07:34'}
9: {id: 10, userID: 'triplexlab', timestamp: '2021. 11. 10. 오후 07:35'}
length: 10

이렇게 하여 현재 날짜와 시간을 가지고, Mock Data를 만들수 있습니다.
id는 순차적으로와 고유한 값이 출력되고,
userID는 랜덤하게 출력됩니다.
timestamp는 현재 시간 기준으로 1분 단위로 출력됩니다.
만약 Data 수량을 더 늘려주고 싶다면 Array(10)숫자를 맘대로 더 늘려주면 됩니다.

이제 이런 Mock Data를 사용해서 테스트 코드를 해볼수 있을것 같습니다. 👨‍💻😃👨‍💻😃

Mock-Data-만들기.html

0.00MB