๐โโ๏ธ์ค๋์ TIL
โ๏ธ๊ณต๋ถํ ๋ด์ฉ
๐๋ฉ๋ชจ
useState, userEffect, ๋ react hooks์ ํ ์ข ๋ฅ์ด๋ค.
Hooks
๋ฆฌ์กํธ v16.8์ ์๋ก ๋์ ๋ ๊ธฐ๋ฅ์ผ๋ก ๊ธฐ์กด์ ํจ์ํ ์ปดํฌ๋ํธ์์๋ ์ํ ๊ด๋ฆฌ๋ ์ฃผ๊ธฐ ๊ด๋ฆฌ๋ฅผ ํ ์ ์๋๋ก ๋ค์ํ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ ๊ฒ
useState
์ปดํฌ๋ํธ์์ ๋์ ์ธ ๊ฐ์ ์ํ๋ผ๊ณ ๋ถ๋ฅธ๋ค.
useState๋ ํจ์ํ ์ปดํฌ๋ํธ์์ ๊ฐ๋ณ์ ์ธ ์ํ๋ฅผ ๊ด๋ฆฌํ ์ ์๊ฒ ํด์ค๋ค. ํ๋์ ๋ณ์์ฒ๋ผ ์ฌ์ฉํ ์ ์๊ฒ ๋๋ค.
useEffect
useEffect๋ผ๋ Hook์ ์ฌ์ฉํ๋ฉด ์ปดํฌ๋ํธ๊ฐ ์ฒ์ ๋ํ๋ฌ์๋(๋ง์ดํธ) ์ธ๋ง์ดํธ ๋์๋(์ฌ๋ผ์ง ๋), ๊ทธ๋ฆฌ๊ณ ์ ๋ฐ์ดํธ ๋ ๋ (ํน์ props๊ฐ ๋ฐ๋๋) ํน์ ์์ ์ ์ฒ๋ฆฌํ ์ ์๊ฒ ํด์ค๋ค.
props
properties์ ์ฝ์. ์ปดํฌ๋ํธ๋ฅผ ์ฌ์ฉํ ๋ ๋ด๋ถ์ ๋ณ๊ฒฝ๋์ง ์์ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ ๋ ์ฌ์ฉํ๋ค. ๋ค๋ฅธ ์ปดํฌ๋ํธ์์ ์ ๋ฌํ ๋ฐ์ดํฐ๋ฅผ ๋๊ฒจ์ค ๋ props๋ฅผ ์ฃผ๋ก ์ฌ์ฉํ๋ค.
state
state๋ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ์์ ๊ตฌ์ฑ ์์๋ฅผ ์ ์ดํ๋ ๋ฐ์ดํฐ ์ ํ์ค ํ๋์ด๋ค. state๋ ๋์ ์ธ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ฃฐ๋ ์ฃผ๋ก ์ฌ์ฉ๋๋ค.