새소식

FE/JavaScript

Date 객체를 활용해 기념일 계산기 만들기

  • -

1. Date 객체 간단히 알아보기

자바스크립트에는 날짜와 시간 정보를 다루는 Date 객체가 이미 내장되어 있다.

 

Date객체를 사용하면?  

  • 현재 날짜와 시간을 알 수 있다.
  • 특정 날짜나 시간까지 얼마나 남았는지 등도 계산할 수 있다.

 

자바스트립트 프로그램에서 Date 객체를 사용하려면? Date 객체의 인스턴스를 만들어야 한다.

 

  1. 현재 날짜 정보를 가지는 Date 객체 만들기

     new Date()

 

   2. 특정 날짜나 시간 정보를 가지는 Date 객체 만들기

   new Date("2018-02-25")

 

Date 객체의 주요 함수

 

 - set~ (): 날짜,시간 정보를 설정하는 함수

 - get~ (): 날짜, 시간 정보를 가져오는 함수 

    (주의)

     getMonth()와 getDay() 함수를 사용하면, 결과값이 0부터 시작된다 

    따라서, 함수의 결과값에 1을 더해야, 실제 '월','일'에 해당하는 숫자를 얻을 수 있다.

 

1. 현재 날짜 구하기

 new Date()

 

2. 현재 연도/월/일/요일 구하기

 

  • getFullYear() - Date 객체의 년도 정보를 가져와 네 자리 숫자로 표시.
  • getMonth() - Date 객체의 월 정보를 가져옵니다. 1월은 0으로 표현됨을 주의해야 합니다. (0~11)
  • getDate() - Date 객체의 일자 정보를 가져옵니다. (0~31)
  • getDay() - Date 객체의 요일 정보를 가져옵니다.(0~6) (일요일이 0, 월요일이1, 토요일이 6으로 표현됩니다.)
  • getTime() -  날짜 정보를 밀리초로 가져오는 함수 . 객체의 시간 정보를 굉장히 긴 숫자열로 표시 7(1910년? 1970년? 1월1일 00:00을 기준으로, now객체까지 시간이 얼마나 흘렀는지를 밀리초로 나타낸다.) -> 밀리초로 표시하면, 특정 날짜로부터 며칠 후 혹은 며칠 전처럼, '시간의 흐름'을 계산할 때 편리하게 사용할 수 있다. 

 

 

3. 현재 시간/분/초/밀리초 구하기

 

  • getHours() - Date 객체의 시간을 가져옵니다. (0~23)
  • getMinutes() - Date 객체의 분 정보를 가져옵니다. (0~59)
  • getSeconds() - Date 객체의 초 정보를 가져옵니다. (0~59)
  • getMilliseconds() - Date 객체의 밀리초 정보를 가져옵니다. (0~999)

 

 

Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.