Javascript 정리(6)

✅ 날짜와 시간

👉 날짜와 시간을 저장하고 보여줄 때 날짜 객체를 사용한다.
(날짜 객체를 호출하면 쉽게 시간과 날짜를 얻을 수 있다)

ex)

• 회원가입을 한 날짜와 시간
• 글을 작성한 시간
• 휴대폰의 현재 시간

👉 날짜 객체를 생성 및 할 때는 new 연산자(Date 생성자) 다음에 Date 생성자를 쓴다.
🔹 JavaScript의 Date 객체는 날짜와 시간에 관련된 메서드를 제공하는 내장함수이다.
🔹 생성된 Date 인스턴스(new Date();)는 기본적으로 현재 날짜와 시간을 나타내는 값을 갖게 된다.

var rightNow = new Date();
console.log(rightNow);

🔽 consol.log 출력결과

👉 위와 같이 new Date()를 통해 현재 시간을 가져온 후, 다른 날짜 포맷으로 웹사이트에 보여줘야 한다.

🚫 new Date()가 반환된 값을 그대로 사용하지 않는다.
Date 타입이 갖고 있는 메서드를 활용하여 값을 받아온다.
👉 getFullYear(), getDate(), getDay()

const date = new Date();

let year = date.getFullYear();   // 현재 년도 반환
let date = date.getDate();       // 현재 날짜 반환
let day = date.getDay();         // 현재 요일 반환

❗ Date 객체로 현재 시간을 가져온 후, Date 객체가 갖고 있는 함수로 각 날짜(년, 월, 일), 시간(시, 분, 초)의 값을 가져올 수 있다.

let rightNow = new Date();
// Date 타입이 갖고 있는 메서드를 활용
let year = rightNow.getFullYear();
let month = rightNow.getMonth()+1;
let date = rightNow.getDate();
let day = rightNow.getDay();
let currentHour = rightNow.getHours();
let currentMin = rightNow.getMinutes();

🔽 consol.log 출력결과
// console.log(year) // 2020
// console.log(month) // 12
// console.log(date) // 21
// console.log(day) // 1
// console.log(currentHour) // 10

🚫 getMonth 함수로 값을 받을 때, 현재 달보다 1 작은 값이 반환되므로 주의. (+1 붙여주기❗❗❗)

👉 getTime

• 기준이 되는 일자는 1970년 1월 1일
• 기준 일자인 1970년 1월 1일로부터 1564563605026(현재 일자) 밀리초가 지났다는 의미

let rightNow = new Date();
let time = rightNow.getTime();

console.log(rightNow);  // 1564563605026 반환
// 지금의 시간이 밀리초로 표현된 것

🚫 만약 10분 뒤에 다시 새로 new Date()를 호출하면, 시간이 조금 흘렀으니 위의 1564563605026 보다는 큰 숫자가 나올 것.

이렇게 getTime함수로 반환된 숫자로 비교연산을 통해 언제가 더 과거인지 판단할 수 있다.

✨ 값이 더 작으면 과거이다.
(시간이 지날수록 기준 일자로부터 밀리초가 더해지므로 값이 커질수록 현재이다)

👉 특정 날짜의 Date
🔹 특정 날짜를 매개변수로 넘겨주면, 해당 날짜의 Date를 반환 받을 수 있다.
🔹 현재 날짜&시간이 아닌 특정한 날짜&시간을 설정하고 싶을 경우엔 Date 생성자(new Date();)에 원하는 날짜&시간을 파라미터로 전달해줘야 한다.

let date1 = new Date('December 17, 2019 03:24:00');
console.log(date1);  //현재 날짜&시간
// 'Tue Dec 17 2019 03:24:00 GMT+0900 (대한민국 표준시)'
let date2 = new Date('2019-12-17T03:24:00');
console.log(date2);
// 'Tue Dec 17 2019 03:24:00 GMT+0900 (대한민국 표준시)'
let date3 = new Date(2019, 5, 1);
console.log(date3);
// 'Sat Jun 01 2019 00:00:00 GMT+0900 (대한민국 표준시)'
let date4 = new Date('2020-07-13T12:34:56.000Z');
console.log(date4); 
// Mon Jul 13 2020 12:34:56 GMT+0900 (대한민국 표준시)
let date5 = new Date(2020, 6, 13, 12, 34, 56, 0);
console.log(date5); // Mon Jul 13 2020 12:34:56 GMT+0900 (대한민국 표준시)

참고 site https://freestrokes.tistory.com/112

/* 
미국은 태어나자마자 0살이고 생일을 지나야 비로소 한 살이 됩니다. 반면에 한국은 태어나자마자 1살이고 연도가 바뀔 때마다 한 살씩 먹습니다.
예를 들어 미국에서는 1995년 9월 12일에 태어났으면 1995년 9월 12일에는 0살이고, 1996년 9월 12일이 되야 1살이 됩니다. 그에 비해 한국에서는 1995년 9월 12일에 태어나자마자 1살이고 1996년 1월 1일에 2살이 됩니다. 
미국이나 다른 나라가 사용하는 나이 계산법은 우리나라에서는 '만 나이' 라고 하죠.
앞서 말한 만으로 계산한 나이를 구하는 함수인 getWesternAge 함수를 구현해 봅시다.
이 함수는 birthday 라는 인자를 받고 이 birthday는 Date 객체입니다. birthday라는 인자를 넣었을 때, 현재를 기준으로 만으로 계산한 나이를 리턴 해주도록 구현해 봅시다. birthday는 string이 아닌 Date 객체라는 걸 명심하세요.
예를 들어, 오늘이 2020년 7월 21일이고, birthday 값이 다음과 같다면:
1990-03-21T00:45:06.562Z
리턴 값은 30 이 되어야 합니다.
*/

 function getWesternAge(birthday) {
    let birth = new Date(birthday); // 인자로 받을 birthday값을 new Data의 메소드 인자에 넣어서 태어난 날짜 함수를 birth 변수에 넣어서 객체를 생성해 준다
    let today = new Date();  // 오늘 날짜 기준으로 나이를 구하기 위해 Date 객체 생성
    let age = today.getFullYear() - birth.getFullYear();  // 오늘날짜 객체의 연도에서 생년월일 객체의 연도를 뺀다. = 실질적으로 구해진 나이

    birth.setFullYear(today.getFullYear()); // birth값을 setFullYear(새로 받는 연도 값을 받는다)에 넣고, today값의 getFullYear(현재 날짜의 년도 4자리)를 넣는다. 
      // 즉 birth의 년도와 today의 년도를 같게 해준다 (월/일 을 비교하기 위해)
    if (today > birth) {   // 태어난 월/일 보다 오늘의 월/일이 크면
     age;
    } else {               // 태어난 월/일 보다 오늘의 월/일이 작으면 1살 먹기 전
     age--;
    }
   return age;
}
getWesternAge("1991, 5, 2");

❗ .setFullYear() : 4자리 수의 연도 및 월,일을 설정한다

var t = new Date(1980,1,3);
t.setFullYear(1979,11,16);
console.log(t);   // 문자열, Sun Dec 16 1979 00:00:00 GMT+0900

❗ .getFullYear() : 현지 시간의 연도에 해당하는 숫자, 절대값 4자리(연도) 출력
var today = new Date();
var year = today.getFullYear();
console.log(year); // 문자열, 2020