[Project_] JSROUGE - 1

2024. 11. 11. 21:13·Project_xxx

JavaScript로 roguelike 장르의 게임 만들기

● 구현하고 보니 편리했던 기능 - TimeStamp

 - 게임이 텍스트 형식이다 보니 언제 커맨드를 입력했는 지를 헷갈리고 가독성이 떨어지는 경우가 있어서
   Log에 시간이 나타나면 어떨까 해서 넣어본 기능

 

// 실행했을 때 어떻게 표현할 것인가
function formatTime(date) {
  // 1, 2, ... 가 아닌 01, 02, ... 이런 형식으로 나오도록 
  // 각 시, 분, 초에 두 자리수로 표현
  const hours = date.getHours().toString().padStart(2, '0');
  const minutes = date.getMinutes().toString().padStart(2, '0');
  const seconds = date.getSeconds().toString().padStart(2, '0');
  return `${hours}:${minutes}:${seconds}`;
}

 - 시간을 실행 창에서 어떤 식으로 표현할지 정한다.

 - JavaScript의 Date 함수를 사용

더보기

  https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date

 

Date - JavaScript | MDN

JavaScript Date 객체는 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타냅니다. Date 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담습니다.

developer.mozilla.org

 - HH:MM:SS 형식으로 표시된다.

 

● 출력이 어떻게 되나?

const timestamp = formatTime(new Date()); // 함수 불러와서 사용
// Log 를 출력할 때 timestamp에 정보를 담아 출력
logs.push(`[${timestamp}] ${choice}를 선택하셨습니다.`);

 - let logs = [] 로 log를 기록하는 배열을 생성해서 logs에 해당하는 문자열 저장

TimeStamp와 Log가 잘 나온다

 

'Project_xxx' 카테고리의 다른 글

[Project_] Item-Simulator [Trouble Shooting]  (0) 2024.11.28
[Project_] JSROUGE - 4 (Troubleshooting)  (0) 2024.11.14
[Project_] JSROUGE - 3  (0) 2024.11.13
[Project_] JSROUGE - 2  (0) 2024.11.12
[Project_]TIH (개요, 와이어프레임, Github)  (0) 2024.11.01
'Project_xxx' 카테고리의 다른 글
  • [Project_] JSROUGE - 4 (Troubleshooting)
  • [Project_] JSROUGE - 3
  • [Project_] JSROUGE - 2
  • [Project_]TIH (개요, 와이어프레임, Github)
wakelight23
wakelight23
했던 공부를 기록하는 곳
  • wakelight23
    wakelight23 공부기록
    wakelight23
  • 전체
    오늘
    어제
    • 분류 전체보기 (110)
      • Programming Language (26)
        • Error Note (1)
        • HTML, CSS (3)
        • Javascript 공부기록 (5)
        • SQL 문제풀이 (4)
      • Develop Diary (34)
        • Interview (20)
        • TheFourFs (13)
      • Project_xxx (18)
      • IT (32)
        • DB (0)
        • Hardware (3)
        • Network (10)
        • Server (11)
        • OS (4)
        • 게임수학 (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    today i lerned
    Today I learned
    Til
    weekly i learned
    today i learnd
    KPT회고
    today i leraned
    Wil
  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
wakelight23
[Project_] JSROUGE - 1
상단으로

티스토리툴바