๋ฆฌ๋์ค ๋ฏธ๋ค์จ์ด์ ๋์ ํ๋ฆ ๋ฆฌ๋์ค ๋ฏธ๋ค์จ์ด๋ฅผ ์ ์จ์ผํ๋? ๊ธฐ์กด์ ๋ฆฌ๋์ค ์ก์ ๋ฐ์ -> ๋์คํจ์น๋ฅผ ํตํด ์คํ ์ด์๊ฒ ์ํ๋ณํ ํ์์ฑ ์๋ฆผ โฌ ์ด ์ฌ์ด์ ์ฒ๋ฆฌํ๊ณ ์ถ์ ์์ ์ด ์๋ค๋ฉด? ex) ์ด๋ค ์ก์ ์ด ๋ฐ์ํ๋์ง ๋ก๊ทธ ๋จ๊ธฐ๊ธฐ, ์ก์ ์ทจ์, ๋ ๋ค๋ฅธ ์ก์ ๋ฐ์ ๋ฑ ๋ฆฌ๋์ค : ๋๊ธฐ์ ์ธ ํ๋ฆ์ ํตํด ๋์ ๋๊ธฐ์ ํ๋ฆ์ด๋? ์ก์ ๊ฐ์ฒด ์์ฑ, ๋์คํจ์น๊ฐ ์ก์ ๋ฐ์์ ์คํ ์ด์๊ฒ ์๋ฆผ, ๋ฆฌ๋์๋ ์ ํด์ง ๋ก์ง์ ์ํด ์ก์ ์ ์ฒ๋ฆฌํ ํ ์๋ก์ด ์ํ๊ฐ ๋ฐํํ๋ ๊ณผ์ ํ์ง๋ง, ๋๊ธฐ์ ํ๋ฆ๋ง์ผ๋ก ์ฒ๋ฆฌํ๊ธฐ ํ๋ ์์ ์ด ์๋ค ex) ์๊ฐ ๋๋ ์ด์์ผ ๋์ํ๊ฒ ํ๊ธฐ, ์ธ๋ถ ๋ฐ์ดํฐ ์์ฒญํ์ฌ ๊ทธ์ ๋ฐ๋ฅธ ์๋ต์ ํ๋ฉด์ ๋ณด์ฌ์ฃผ๊ธฐ ๋ฑ ์ด๋ฐ ์์ ๋ค์ ์ด๋ป๊ฒ ํด์ผํ๋? ๋ฆฌ๋์ค ๋ฏธ๋ค์จ์ด ์ฌ์ฉ! ๋ํ์ ์ธ ๋ฆฌ๋์ค ๋ฏธ๋ค์จ์ด๋ ๋ฌด์? ์ง์ ๋ง๋ค์ด์ ์..
๋ฆฌ๋์ค๋? ์๋ฐ์คํฌ๋ฆฝํธ ์ดํ๋ฆฌ์ผ์ด์ ์์ ์ํ๋ฅผ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ ์ ์๊ฒ ๋์์ฃผ๋ ๋๊ตฌ ๋ฆฌ์กํธ ์ํ ๊ด๋ฆฌ๋? ๋ฆฌ์กํธ์ ๋ฐ์ดํฐ ํ๋ฆ์ ๋จ๋ฐฉํฅ ์์์ ๋ถ๋ชจ์ ์ํ๋ฅผ props๋ก ์ ๋ฌ๋ฐ์ ๋ถ๋ชจ์ ์ํ๊ฐ์ด ๋ณํ๋ฉด, ์์์ ๋ณํ๋ ์ํ์ ๋ง๊ฒ data ํน์ UI๋ฅผ ๋ณ๊ฒฝ == ๋ฆฌ๋ ๋๋ง -> ๋ถ๋ชจ๋ ๋ฆฌ๋ ๋๋ง, ์์๋ ๋ฆฌ๋ ๋๋ง ์ฆ, ์ฐ๋ฆฌ๋ ์ํ ๊ด๋ฆฌ์ ์์ด์ ์ํ ๊ตฌ์ฑ์์๋ฅผ ์ต์ํํ๊ธฐ ์ํด ๋ ธ๋ ฅํด์ผ ํจ. TIP!- ๋ฆฌ๋๋๋ง ์ํฉ 1. ์์ ์ state๊ฐ ๋ณ๊ฒฝ 2. ๋ถ๋ชจ ์ปดํฌ๋ํธ์ ๋ฆฌ๋ ๋๋ง 3. ์์ ์ด ์ ๋ฌ๋ฐ์ props๊ฐ ๋ณ๊ฒฝ 4. ๊ฐ์ ์ ๋ฐ์ดํธ(forceUpdate) ์คํ๋ ๋ ๋ฆฌ๋์ค ์ ์จ์ผํ๋? ๋ฆฌ์กํธ๋ก ๋ง๋ SPA๋ data ํน์ UI์ ๋ณํ๊ฐ ๋ณต์ก, ๋ค์ํด์ง๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ -> ์ด๋ป๊ฒ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌ? ๋ฆฌ๋์ค..
- Total
- Today
- Yesterday
- ํด๋ผ์ฐ๋
- docker
- ๋ฆฌ์กํธ ์ปดํฌ๋ํธ
- ๋ฆฌ์กํธ ํ
- ๋ฆฌ์กํธ ๊ธฐ์ด
- ๋ฆฌ์กํธ ๊ณต์๋ฌธ์
- Cloud
- ํ ์ํ๋ก์ฐ
- React Hook
- ์ปดํฌ๋ํธ
- ๋ฆฌ์กํธ
- ๋ฆฌ์กํธ state
- ๊ตฌ๊ธ
- ๋จ๊ธฐ์ง์ค๊ณผ์
- Docker&Kubernetes:์ค์ ๊ฐ์ด๋-2022๋ ํ
- machine learning
- React
- ๋ฆฌ๋์ค
- GCP
- ๋ฆฌ์กํธ useEffect
- ๋์ปค
- ๋จธ์ ๋ฌ๋
- ๋ฆฌ์กํธ setState
- ML
- ๋ฆฌ๋์ค store
- ์ํ์ฝ๋ฉ ๋ฆฌ์กํธ
- React DOM
- ๊ตฌ๊ธํด๋ผ์ฐ๋ํ๋ซํผ
- ๋ฆฌ์กํธ ๋ ๋๋ง
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 | 31 |