[React] Lifecycle와 useEffect()
Lifecycle 개념 Lifecycle (생명주기) 여기에 Clock 컴포넌트가 하나 있다. import React, { useState } from "react"; export default function Clock() { const [date, setDate] = useState(new Date()); return ( Hello, world! It is {date.toLocalTimeString()}. ) } 결과는 다음과 같다. 이 컴포넌트가 렌더링 되는 순간의 시간이 화면에 보여지게 된다. 이 말은 즉, 시간이 흘러도 화면의 시간은 멈춰있다. 그래서, 화면에 보여지는 시간을 1초마다 업데이트 해주고 싶다! ➡ 1초 마다 setDate(new Date())를 실행해서 화면을 업데이트 해주자! j..
Comment