useEffect2 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] Effect - ReactJS 로 영화 웹 서비스 만들기 (6) 이론의 마지막!! Effect #6. Effects ReactJS 는 우리 대신 자동으로 refresh 해줌 거기다 state 의 변화가 일어날 때만 refresh 함 이 때, 컴포넌트의 모든 코드들이 재실행 하지만 component 가 처음 render 될 때만 코드를 실행하고 싶거나 특정 state 가 변할 때만 실행하고 싶은 코드가 있을 수 있음 useEffect 를 이용하면 그것이 가능하다. 예시) import { useState, useEffect } from "react"; function App() { const [counter, setValue] = useState(0); const [keyword, setKeyword] = useState(""); const onClick = () => .. 2021. 12. 2. 이전 1 다음
