JavaScript 학습 기록 #2Date 객체

12시간 재기 방법
24시간 표시는 getHours 방법으로 얻을 수 있는 숫자를 직접 출력했기 때문이다.
데이트 대상은 12시간 표시 시간을 얻을 수 있는 방법이 없기 때문에 가공이 필요하다.
15:13을 3:13p.m로 하기 위해서?
몇 가지 방법이 있다.
① 코드는 이렇게 쓴다
date.js

<script>
    'use strict';

    const now = new Date();
    const year = now.getFullYear();
    const month = now.getMonth();
    const date = now.getUTCDate();
    const hour = now.getHours();
    const min = now.getUTCMinutes();
    let ampm = '';
    if(hour < 12){
        ampm = 'a.m.';
    }else{
        ampm = 'a.m.';
    }

    const output = `${year}/${month + 1}/${date} ${hour}:${min}`;
    document.getElementById('time').textContent = output;
</script>

② 프로세스
24시간 표시 표시를 12시간으로 표시하려면 크게 두 가지로 나누어 처리하는 것이 필요하다.
1⃣지금 시간은 오전입니다. "a.m.인지"p.m."인지 판별합니다.
프로그램의 첫 번째 부분에서 변수ampm를 정의하고 빈 문자열을 대입합니다.또한 상수hour에 저장된 수치가 12보다 작고 현재 시간이 0시~11시인 경우 "a.m."를 변수ampm에 대입합니다.상수hour의 값이 12 이상일 때 "p.m."를 대입합니다.
2⃣0~23의 숫자를 0~11로 바꾸다
상수 output을 대입할 때 24시간 표시된 시간을 12의 나머지로 계산할 수 있다.
　${hour % 12 }
※'어떻게 하면 좋을까'에 대한 고민이 중요하다