[React] 날짜 데이터 사용하기

현재 날짜 데이터 가져와 활용하는 방법은 다음과 같다.

 

1. 함수를 선언하고 날짜 형식을 원하는대로 맞춘다.

 

//함수선언
const today = new Date();
const date_data = `${today.getFullYear()}년 ${'0' + (today.getMonth() + 1).slice(-2)}월 ${'0' + today.getDate().slice(-2)}일`;

 

2. 함수 사용

 

import React from 'react';

//현재 날짜를 가져온다.
const date_data = new Date();

//형식을 지정한다. 
const date_data = `${today.getFullYear()}년 ${'0' + (today.getMonth() + 1).slice(-2)}월 ${'0' + today.getDate().slice(-2)}일`;

function App() {
    return (
        <div>
        	<h4>타이틀</h4>
            <p>소개글</p>
            <p>{publishDate}에 생성됨</p>
        </div>
    );
}

export default App;

 

3. 기타

• 날짜 함수를 사용할 때 주의할점은 Month 데이터이다.
• 0~11의 데이터를 반환하기 때문에 항상 +1을 해줘야한다.
• Month,Date 경우 수치값만 반환하기 때문에 2자리(09,08,07...)를 맞추기에 반드시 "0"을 붙여
  2자리만 잘라서 값을 변환해야 한다.