๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

react ํƒ€์ด๋จธ1

[React/JS] setTimeout, setInterval ์€ ์ „ํ˜€ "์‹œ๊ณ„" ํ•˜์ง€ ์•Š์•„ (setTimeout, setInterval ์˜ค๋ฅ˜) ํ”„๋กœ์ ํŠธ์— ์‚ฝ์ž…ํ•  ์Šคํ†ฑ์›Œ์น˜ ๋งŒ๋“ค์–ด ๋†“์•˜๋‹ค. 6์ดˆ๋ฅผ ์„ธ์–ด๋ณด๋Š”๋ฐ ์ด์ƒํ•˜๊ฒŒ ์ฒด๊ฐ ์ƒ 8์ดˆ๋Š” ๋˜๋Š” ๊ฒƒ ๊ฐ™์•˜๋‹ค. ์•„ ์ด๊ฑฐ ์ด์ƒํ•œ๋ฐ?? 1. setInetval์„ ํ™œ์šฉํ•œ ํƒ€์ด๋จธ 1) ์ž‘์„ฑ ์ฝ”๋“œ ๋‚ด๊ฐ€ ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋Š” setInterval์„ ์ด์šฉํ•˜์—ฌ ์ฃผ๊ธฐ์ ์œผ๋กœ ์‹œ๊ฐ„state๋ฅผ ์ฆ๊ฐ€์‹œํ‚ค๋Š” ๋ฐฉ์‹์ด๋‹ค. const [run, setRun] = useState(); //์Šคํ†ฑ์›Œ์น˜start์ƒํƒœ const [time, setTime] = useState(0); //์‹œ๊ฐ„state const intervalRef = useRef(); //์‹œ์ž‘์ƒํƒœ ๊ฐ์ง€ useEffect(()=>{ if(props.start){ setRun(true); } else{ clearInterval(intervalRef.current) setRun(false); .. 2024. 1. 6.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”