티스토리 뷰

웹개발(프론트)

시간표현

수달찌 2021. 5. 6. 21:15

목차

     

    현재시간을 불러오는 함수는 빈번하게 쓰인다.

    정리해두는게 좋을것같아 정리한다.

    Date

    Date는 시간을 나타내는 함수이다.

    var today = new Date();
    var birthday = new Date("December 17, 1995 03:24:00");
    var birthday = new Date(95,11,17);
    var birthday = new Date(95,11,17,3,24,0);
    
    // from MDN

    인자로 값을 전해주면 그 값을 통해 시간을 표현한다.

    var birthday = new Date("December 17, 1995 03:24:00");
    var birthday = new Date(95,11,17,3,24,0,0);
    //                      년, 월, 일,시,분,초,밀리초(ms)

    인자에 아무것도 기입하지 않으면,

    기본값인 현재시간을 불러와 현재시간을 표현한다.

    let today = new Date();
    console.log(today);

     

     

    Date 자료형

    Date자료형은 object이다.

    let today = new Date();
    
    console.log(today);
    console.log(typeof(today));

     

     

    그래서 Js에서는 문제없을지 모르지만,

    React에선 출력물을 npx로 표현해야 하기에 object를 냅다 던지면 오류가 생긴다.

     메소드

    위의 성질때문에 String으로 바꿔주고,
    시간중에 원하는 부분만을 가져와주는
    Date함수의 메소드가 따로있다.

    메소드 결과값 메소드 결과값
    getFullYear 4자리 년도 toString 날자, 시간 (문자)
    getMonth 월 (0 ~ 11) | 1월 = 0 toDateString 날자 (문자)
    getDate toTimeString 시간 (문자)
    getDay 요일 | 일요일 =.0 toLocaleString 해당지역 날자와 시간 (문자)
    getHours toLocaleDateString 해당지역 날자 (문자)
    getMinutes toLocaleTimeString 해당지역 시간 ( 문자)
    getSeconds    

    댓글
    최근에 올라온 글
    최근에 달린 댓글
    Total
    Today
    Yesterday
    링크
    «   2024/05   »
    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
    글 보관함