Notice
Recent Posts
Recent Comments
Link
«   2025/08   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Tags
more
Archives
Today
Total
관리 메뉴

코드로보시죠

[JavaScript-29] new 키워드로 내장객체 사용하기(feat. Date 객체) 본문

[JavaScript] 코드잇과 함께!

[JavaScript-29] new 키워드로 내장객체 사용하기(feat. Date 객체)

코드로 보시죠 2023. 9. 28. 04:52

[1] 현재 시각 출력하기

let now = new Date()
//현재시각 출력

내장객체 Date를 사용할 때, 앞에 new를 붙여줘야 합니다!

new 키워드는, 내장객체(자바스크립트에서 기본으로 제공해주는 객체)나, 사용자가 만든 객체를 직접 사용하겠단 의미입니다!

Date객체의 파라미터에 아무 것도 전달해주지 않고 비워두면, 코드를 작성한 시점이 담기게 됩니다!

 

[2] 시간을 문자열로 지정하여 객체 생성하기

let time = new Date('2023-09-28T04:39:00');

이렇게, Date객체를 생성하는 시점에, 파라미터에 문자열로 YYYY-MM-DD 형식으로 직접 시간을 정해줄 수도 있습니다.

T를 써주고 뒤에 hh:mm:ss형식으로 시간까지 정해줄 수도 있습니다. 

 

[3] 시간을 파라미터에 콤마로 구분하여 넘겨주기(month주의)

let time = new Date(2023, 1, 20, 22, 30, 23, 30);

위처럼, 파라미터에 문자열 대신 (년도, 월, 일, 시, 분, 초, 밀리초)를 넘겨줄 수도 있습니다.

주의할 점이 두 가지 있는데요,

 

1. 연도와 월 까지는 필수로 써주셔야 합니다. 나머지는 생략하면 1일 0분 0초 0밀리초가 됩니다.

2. 콤마로 전달해주는 구문에서 특이하게 Month자리만 시작이 0입니다. 따라서, 위의 코드처럼 1을 월 자리에 입력하면, 실제로는 2월이 됩니다. 

 

[4] 메소드들 사용하기

 

Date는 객체이고, 객체 안에 정의된 함수들을 우리는 메소드라고 부른다고 배웠죠?

Date객체는 많은 메소드들을 제공합니다. 

너무 많아서, 다 적을 수도 없고, 외울 필요도 없어요. 

그냥, 아~ 메소드를 이용해 세부적인 정보를 얻을 수 있구나~만 알아두고, 원하는 메소드는 검색해서 사용하시면 됩니다. 

 

저희는 몇 가지만 예시로 살펴볼게요.

코드로 보시죠

let myDate = new Date(2023, 4);
console.log(myDate.getMonth());

자, 메소드 사용하는 법, 기억나시죠?

객체아름.key이름() 이렇게!! ㅎㅎ 

 

저희는 getMonth라는 메소드를 통해 객체의 월 정보만 받아올 수도 있답니다!

이렇게, 메소드들을 통해 객체의 세부 값 하나만 받아오는 것도 가능하다는 점을 기억해둡시다!

참고로, month값이 4면, 5월인거 잊으시면 안됩니다!

console.log(myDate.getDate()); //일자
console.log(myDate.getDay()); //요일

이 둘은 헷갈리니 구분하셔야 합니다! Day는 요일~~~ 월화수목금토일 .

요일은 일요일0 월요일1 화요일 2 .... 토요일 6 입니다. 헷갈리죠? ㅎㅎ 외우지 마요~~~~~