[๊ธฐ์ ๋ฉด์ ] ์ํ๊ด๋ฆฌ๋ฅผ ํ๋ ์ด์ ์ ๋ฐฉ๋ฒ.
2023. 8. 21. 20:44ใ๐ฅ๏ธ CS(Computer Science)/์ํํธ์จ์ด
์ํ๊ด๋ฆฌ(State Management)๋ฅผ ์ ํ ๊น??
- ๋ฐ์ดํฐ๊ด๋ฆฌ: ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ท๋ชจ์ ๋ฐ๋ผ ๋ค๋ฃจ๋ ๋ฐ์ดํฐ์ ์ ๋ณด๊ฐ ์ปค์ง ์ ์๋๋ฐ, ์ด๋ฌํ ๋ฐ์ดํฐ๋ฅผ ํจ๊ณผ์ ์ผ๋ก ์ ์ฅํ๊ณ ์ ๋ฐ์ดํธ, ๊ฒ์ ๋ฐ ๊ด๋ฆฌํ๊ธฐ์ํด ์ํ๊ด๋ฆฌ๊ฐ ํ์ํ๋ค. ๋ฐ์ดํฐ๋ฅผ ์ค์ ์ง์คํํ๊ณ , ์ผ๊ด๋ ๋ฐฉ์์ผ๋ก ์ก์ธ์คํ๊ณ ์กฐ์ํ ์ ์๋ค.
- ๋ฐ์ดํฐ ๊ณต์ : ์ ํ๋ฆฌ์ผ์ด์
์์์ ๋ฐ์ดํฐ๋ฅผ ์ฌ๋ฌ ์ปดํฌ๋ํธ ๋ฐ ๋ชจ๋ ๊ฐ ๊ณต์ ๊ฐ ํ์ํ ๋ ์ ์ญ ์ํ๋ฅผ ํตํด ๋ฐ์ดํฐ๋ฅผ ๊ณต์ ํ๊ณ ์ํ ๋ณ๊ฒฝ ์ ๋ค๋ฅธ ๋ถ๋ถ์
์ฆ์ ๋ฐ์ํ ์ ์๋ค.
- ์ ํ๋ฆฌ์ผ์ด์ ์ํ ์ถ์ : ์ฌ์ฉ์ ์ํธ์์ฉ์ ๋ฐ๋ผ ์ ํ๋ฆฌ์ผ์ด์ ์ํ๊ฐ ๋ณ๊ฒฝ ๋ ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ํ์ฌ ์ํ๋ฅผ ์ถ์ ํ๊ณ ๋ณ๊ฒฝ ์ฌํญ์ ๊ด๋ฆฌํ ์ ์์ด ์ฌ์ฉ์ ๊ฒฝํ์ด ์ผ๊ด๋๊ณ ์์ธก ๊ฐ๋ฅํด์ง.
- ๋ณต์กํ UI ๊ด๋ฆฌ
- ์ํ์ ์ง์์ฑ: ๋ก๊ทธ์ธ ์ ๋ณด, ์ฌ์ฉ์ ์ค์ ๋ฑ์ ์ํ๋ฅผ ๋ฉ๋ชจ๋ฆฌ์ ์ ์ง๊ฐ๋ฅ.
- ๋๋ฒ๊น ๋ฐ ์ ์ง ๋ณด์
- ๋ค์ํ ํ๊ฒฝ ์ง์: ์๋ก ๋ค๋ฅธ ํ๊ฒฝ์์๋ ์ผ๊ด๋ ๋ฐ์ดํฐ ๊ด๋ฆฌ์ ๋์ ๊ฐ๋ฅ.
์ํ๊ด๋ฆฌ ๋ฐฉ๋ฒ
- React ๋ด์ฅ ์ํ๊ด๋ฆฌ: useState
- Redux: React์ ์ ์ญ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ. ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ชจ๋ ์ํ๋ฅผ ์ค์ ์ง์คํํ๊ณ , ์ํ ๋ณ๊ฒฝ์ ์์ธก ๊ฐ๋ฅํ ๋ฐฉ์์ผ๋ก ๊ด๋ฆฌ๊ฐ๋ฅ.
- ๋น๋๊ธฐ ์ํ๊ด๋ฆฌ: Promise or async/await
Reference
chat-gpt
'๐ฅ๏ธ CS(Computer Science) > ์ํํธ์จ์ด' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[๊ธฐ์ ๋ฉด์ ] useEffect (0) | 2023.08.29 |
---|---|
[๊ธฐ์ ๋ฉด์ ] useRef (0) | 2023.08.28 |
[๊ธฐ์ ๋ฉด์ ] Virtual DOM๊ณผ Real DOM (0) | 2023.08.24 |
[๊ธฐ์ ๋ฉด์ ] ์ ์ญ์ํ๊ด๋ฆฌ (0) | 2023.08.24 |
[๊ธฐ์ ๋ฉด์ ] Redux (0) | 2023.08.22 |