시계만들기

OwlSuri·2022년 7월 13일

React

목록 보기

7/20

React로 간단한 시계를 만들기 위해
아래와 같이 작성하고

Clock.jsx

import React from "react";

function Clock(props) {
  return (
    <div>
      <h1>현재시간</h1>
      <h2>{new Date().toLocaleTimeString()}</h2>
    </div>
  );
}
export default Clock;

index.js

import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import reportWebVitals from "./reportWebVitals";

import Clock from "./chapter_04/clock";

setInterval(() => {
  ReactDOM.render(
    <React.StrictMode>
      <Clock />
    </React.StrictMode>,
    document.getElementById("root")
  );
}, 1000);

reportWebVitals();