Notice
Recent Posts
Recent Comments
Link
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- ์ฝ๋ฉ์ ํ
- ์๊ณ ๋ฆฌ์ฆ
- ๊ฐ๋ฐ
- error
- HTML
- JS
- ์ฝ๋ฉ
- ๋๋ฆผ์ฝ๋ฉ
- ํ๋ก์ ํธ
- ํ์ด์ฌ
- Python
- ํฌ๋กค๋ง
- ๋ ธ๋ง๋์ฝ๋
- ์ฝ๋ฉํ ์คํธ
- ํ ์ดํ๋ก์ ํธ
- ๋ฐฑ์ค
- ๊ตญ๋น์ง์
- KDT
- ๋ชจ๊ฐ์ฝ
- fe
- node.js
- mongodb
- react
- ๊ทธ๋ฆฌ๋
- CSS
- ํ๋ก ํธ์๋
- heapq
- Til
- javascript
- ํ๋ก๊ทธ๋๋จธ์ค
Archives
- Today
- Total
๋ชฉ๋กuseRef (1)
๐ฑ → ๐ณ
[React] useState vs useRef vs Variable
useState vs useRef vs Variable useState ์ state ๊ทธ๋ฆฌ๊ณ useRef ์ ref ์ ๋ฆฌ์กํธ ๋ด๋ถ์ ๋ณ์๊ฐ ๋ ๋๋ง์ ๋ฐ๋ผ ์ด๋ค ์์ผ๋ก ๋ณํํ ๊น ์ธ ๊ฐ์ง ๋ฒํผ์ผ๋ก ๊ฐ๊ฐ state/ ref / var ๊ฐ์ ์ฌ๋ฆฌ๋ ์ปดํฌ๋ํธ๋ฅผ ๊ตฌ์ฑ ๊ฐ์ ๋ณํ ์์ด ์ปดํฌ๋ํธ ๋ฆฌ๋ ๋๋ง์ ์ํด์ ํ๋์ ๋ฒํผ์ ๋ ๋ง๋ฆ → ๊ฐ ๋ฒํผ์ ํด๋ฆญํ๋ฉด์ ํด๋น ๊ฐ์ ๋ณํ ๊ด์ฐฐ import { useRef, useState } from "react"; const Comparing = () => { const [countState, setState] = useState(0); const [render, setRender] = useState(0); const countRef = useRef(0); let count..
Client/React
2022. 9. 30. 18:37