728x90
๋ฐ˜์‘ํ˜•

๋™๊ธฐ 1
React] Hook : useState ๋น„๋™๊ธฐ → ๋™๊ธฐ ํ•˜๋Š” ๋ฒ•

๋ณธ์ธ์ด ์ž‘์„ฑํ•œ ํ๋ฆ„ ๋”ฐ๋ผ ๊ฐ’์ด ๋ณ€ํ•  ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒํ•˜๊ณ  setState๋ฅผ ์‚ฌ์šฉํ–ˆ์„ ๋•Œ, ๋ฐ”๋กœ ๋‹ค์Œ์ค„์— ๊ฐ’์ด ๋ณ€ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์„ ์ข…์ข… ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” useState์„ค๋ช…ํ•  ๋•Œ์ฒ˜๋Ÿผ ๋น„๋™๊ธฐ๋กœ ๋™์ž‘ํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. (๊ด€๋ จ ์„ค๋ช…์€ ์•„๋ž˜ ๊ธ€ ํ™•์ธํ•˜์‹œ๋ฉด ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.) 2023.06.04 - [Front-End/React] - React] React ๋ž€...? 2023.06.06 - [Front-End/React] - Hook) useState ๊ทธ๋ ‡๋‹ค๋ฉด useState๋ฅผ ๋™๊ธฐ๋กœ ์ฒ˜๋ฆฌํ•˜๋ ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ๋ ์ง€ 2๊ฐ€์ง€ ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. useEffect ์‚ฌ์šฉ HTML ์‚ฝ์ž… ๋ฏธ๋ฆฌ๋ณด๊ธฐํ•  ์ˆ˜ ์—†๋Š” ์†Œ์Šค useEffect๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์˜์กด์„ฑ์„ ๋ถ€์—ฌํ•˜๊ณ , content๊ฐ€ ๋ฐ”๋€” ๋•Œ๋งˆ๋‹ค ๊ฐฑ์‹ ํ•ด ์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค. 2023.06.20..
Front-End/React 2023.06.22
1
๋”๋ณด๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

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