• 회원가입
  • 로그인

[React] JS - React (리액트) - JS 라이브러리 일종으로 사용자 인터페이스 구축에 사용.(= 현재시간 = 실시간시간 = 디지털시계)

기본 예제 - 디지털 시계 

 

<script src= "https://unpkg.com/react@16/umd/react.production.min.js"></script>

<script src= "https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

<script src="https://unpkg.com//babel.min.js"></script>


<div id="hz"></div>


<script type="text/babel">

function tick() {

  const element = (<h1>{new Date().toLocaleTimeString()}</h1>);

  ReactDOM.render(element, document.getElementById('hz'));

}


setInterval(tick, 1000);

</script>

 

결과보기

※ 몇 줄의 짧은 코드로 디지털시계 표현 가능.

 

React 배우기

https://homzzang.com/b/react

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012