useState2 React 로 시계 만들기 - useState, useEffect import {useState, useEffect } from 'react'; function Home() { const [time, setTime] = useState(new Date()); useEffect(() => { const id = setInterval(() => { setTime(new Date()); }, 1000); return (() => clearInterval(id)) }, []); return ( Clock {time.toLocaleTimeString()} ) } export default Home; useState 로 time 변수를 활용 useEffect 로 첫 render 시, setInterval -> 1초마다 setTime(new Date()) 종료 시, clearInt.. 2021. 12. 4. [ReactJS] State - ReactJS 로 영화 웹 서비스 만들기 (2) 이번엔 state 가 뭔지 배우면서 분(minutes) 시(hours) unit converter 를 만들 것이다. #3. State State 와 useState state : 기본적으로 데이터가 저장되는 곳 useState 는 [value, modifier] 를 제공 value : 값을 저장하는 변수 modifier : value 값 변경이 가능하며 (직접 다시 render 할 필요 없이) 자동으로 re-render 해준다. MinutesToHours Converter 구현하기 - (1) state 이용 state 생성 초기값은 0 이며 setMinutes 로 값 변경이 가능하다. onChange 함수 생성 event 값을 arg 로 받아서 현재 입력된 input 값이 무엇인지 확인할 수 있다 = e.. 2021. 11. 25. 이전 1 다음
