function tick(){
	
	const element = (
		<div>
			<h1>{new Date().toLocaleString()}</h1>
		</div>
	);
	
	ReactDOM.render(element, document.getElementById('root'));
}

setInterval(tick, 1000);

  - new Date() : 메소드는 현재 날짜 및 시간을 반환한다.

  • toLocaleDateString() : 날짜를 표시한다
  • toLocaleTimeString() : 시간을 표시한다
  • toLocaleString() : 날짜 + 시간을 표시한다

  - setInterval : 일정 시간 간격을 두고 함수를 실행한다. (1000밀리초(millisecond) = 1초(second)

 

 

'FrontEnd > React' 카테고리의 다른 글

[React] Component 생성  (0) 2021.09.05
[React] state , Lifecycle  (0) 2021.08.24
[React] Components, Props  (0) 2021.08.20
[React] 리액트(React)  (0) 2021.08.17
[React] 구름(goorm) IDE를 이용한 리액트 구동  (0) 2021.08.15