[입문] React Common Function Module 공용 함수 모듈 만들기

1. CommonFunction.js에 공통 함수들을 선언해준다. (export 사용)

export function timestamp(date) { // 날짜 포맷 변경(YYYY-MM-DD HH:mm:ss)
    date.setHours(date.getHours() + 9); 
    return date.toISOString().replace('T', ' ').substring(0, 19);

}

...

 

2. CommonFunction.js를 사용할 컴포넌트에 CommonFunction을 import한다.

import * as common from '../../CommonFunction';

 

3. CommonFunction의 timestamp 함수를 본문에 사용한다.

...
<Typography variant="caption" color="text.secondary">
	{c.grt_date !== null ? common.timestamp(c.grt_date.toDate()) : null} // c.grt_date.toDate()의 날짜포맷을 변경해준다
</Typography>
...