๐ ์ฝ๋์คํ ์ด์ธ ์์ state์ props๋ฅผ ํ์ตํ๋ค. ๋ด๊ฐ ํ์ตํ ๋ด์ฉ๊ณผ ๋น์ทํ์ง๋ง ์์ ๊ฐ ์์ด์ ์กฐ๊ธ ๋ ์ดํด๋ฅผ ํ ์ ์์๊ณ , ํ์ดํ๋ก๊ทธ๋๋ฐ ์ค ํ์ด๋ถ๊ณผ ์ค์ต์ ์งํํ๋ฉฐ ๋ง์ ๊ฒ์ ๋ฐฐ์ฐ๊ฒ ๋์๋ค.!!
๐ ์ค๋ ํ์ตํ ๋ด์ฉ
React
- State
- ๋ณํ ์ ์๋ ๊ฐ
- ์ปดํฌ๋ํธ์ ์ฌ์ฉ ์ค ์ปดํฌ๋ํธ ๋ด๋ถ์์ ๋ณํ ์ ์๋ ๊ฐ
- useState
- state๋ฅผ ๋ค๋ฃจ๋ฅผ ๋ฐฉ๋ฒ์ด๋ฉฐ ๋ฐฐ์ด์ ๋ฐํํ๋ค.
- const [์ ์ฅ ๋ณ์, ๊ฐฑ์ ํจ์] = useState(์ด๊ธฐ๊ฐ);
- Props
- ๋ฐ๊ฟ ์ ์๋ ๊ฐ. (์์ฑ)
- ํจ๋ถ๋ก ๋ณ๊ฒฝ๋ ์ ์๋ ์ฝ๊ธฐ์ ์ฉ ๋ฐ์ดํฐ
- ์ธ๋ถ๋ก ๋ถํฐ ์ ๋ฌ ๋ฐ์ ๊ฐ
- ๋ถ๋ชจ ์ปดํฌ๋ํธ๋ก๋ถํฐ ์ ๋ฌ๋ฐ์ ๊ฐ
- ํ๋ฉด์ ์ด๋ป๊ฒ ํ์๋๋์ง๋ฅผ ๊ธฐ์ ํ๋ React Element๋ฅผ ๋ฐํ
- ์ต์ด ๋ ๋๋ง์ ์ด๊ธฐ๊ฐ ์ค์
- ๊ฐ์ฒด ํ์ ๋ฐํ
๐ ์ถ๊ฐ๋ก ๊ณต๋ถํ ๋ด์ฉ
React
- useEffect
- useMemo
- Hook
๐ ์ค๋ ๋๋ ์ & ๋ง์ ๊ฐ์ง
- ํ์ด๋ถ๊ณผ ํ๋ํ๋ฉด์ ๋ด๊ฐ ๋ถ์กฑํ๋ค๋ ์ฌ์ค์ ์์๋ค. ์๋งํ์ง ๋ง๊ณ ๊พธ์คํ ์ฑ์ฅ ํ ์ ์๋๋ก ํ์ต์ ๋ฉ์ถ์ง ๋ง์!!
'Daily > Today I Learned' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
22.06.09_TIL (0) | 2022.06.09 |
---|---|
22.06.08_TIL (0) | 2022.06.09 |
22.06.04_TIL (0) | 2022.06.04 |
22.06.03_TIL (0) | 2022.06.03 |
22.06.02_TIL (0) | 2022.06.01 |