Input + Output = True
[ํญํด99 - 12์ฃผ์ฐจ] ์ค์ ํ๋ก์ ํธ 4 (์ค๊ฐ๋ฐํ) ๋ณธ๋ฌธ
[ํญํด99 - 12์ฃผ์ฐจ] ์ค์ ํ๋ก์ ํธ 4 (์ค๊ฐ๋ฐํ)
IOTrue 2023. 2. 26. 23:37โ ํญํด99 - 12์ฃผ์ฐจ ํ๊ณ ๋ก (์ค์ ํ๋ก์ ํธ 4)
intro
์ด๋ฒ ์ฃผ๋ ์ค์ ํ๋ก์ ํธ ์ค๊ฐ ๋ฐํ๊ฐ ์์๋ค.
์ฐ๋ฆฌ ์กฐ๋ ์ค๊ฐ ๋ฐํ๊น์ง 1์ฐจ ์ค์ฝํ ์๋ฃ๋ฅผ ๋ชฉํ๋ก ์ก์๊ธฐ ๋๋ฌธ์
๋ฐํ ๋น์ผ ์๋ฒฝ๊น์ง๋ ๊ฐ์ด ์์ ์ ํ๊ณ ์ ๊น ์๊ณ ์ผ์ด๋์ ์ฝ๊ฐ์ ์์ ํ ๋ฐํ์ ์ฐธ์ฌ ํ๋ค.
์ค๊ฐ๋ฐํ์ ๊ฒฐ๋ก ์, ๊ฐ๋ฐ ์๋๊ฐ ์ข๋ค๋ ์์ฃผ ์ข์ ํ์ ๋ค์๋ค. ๐คธโ๏ธ
start
์ฌ์ค, ๋ฐํ 2์ผ ์ ์ฏค ๊ฐ๋ฐ ๋ก์ง์ด ์ด์ง ๋ฐ๋์๊ธฐ ๋๋ฌธ์
๋ฐ๋ ๋ด์ฉ๋๋ก ์์ ์ ํ๋๋ผ 1์ฐจ ์ค์ฝํ ์๋ฃ๊น์ง ์งง์ ๊ธฐ๊ฐ์ ๋ง์ ์๊ฐ์ ๊ฐ์ ๋ฃ์๋ค. ๐
์ง๋ ํ๊ณ ๋ก์์ ์๊ธฐํ๋ [๋ฐฉ์ฅ๊ณผ ์ฐธ์ฌ์]์ ๋ฐฉ ์ ์ฅ ๋ก์ง์
์ํ์ ๋ฐ๋ผ ์ปดํฌ๋ํธ๋ก ๋ถ๋ฆฌํ๋ ๋ถ๋ถ์ด ๊ณตํต๋ ์ค๊ฐ ๋ก์ง์ ๊ฑฐ์น๊ฒ๋ ๋ฐ๊พธ๋ ์์ ์ด ํ์ํ๊ณ ,
๊ทธ์ ๋ฐ๋ผ์ ์ฝ๋์ ์ถฉ๋์ด ์ผ์ด๋์ง ์๊ฒ ๊ฐ๋ฐ ํด์ผํ๋ ๋ถ๋ถ์ด ์์๋ค.
์ด๋ฒ ํ๋ก์ ํธ์์ ํ๋ก ํธ์๋๋ ๋ฆฌ์กํธ ์ํ๊ด๋ฆฌ์ zustand๋ฅผ ๋์ ํ๊ณ ,
์ด zustand์ localstorage๋ฅผ ํ์ฉํด์ ์ฌ๋ฌ ๊ณ ๋ฏผ ๋์ ๋ก์ง์ ์์ฑํ๋ค.
์ด์ ํ๋ก์ ํธ๋ค์์๋ redux์ redux toolkit์ ์ฌ์ฉํ๊ธฐ์
redux์ ๋ณด์ผ๋ฌํ๋ ์ดํธ๋ ์๊ณ ์์๋ค.
zustand๋ฅผ ์ฒ์ ์ ํ ๋ ์ด๋ฌํ ๋ณด์ผ๋ฌ ํ๋ ์ดํธ๊ฐ ์๊ณ , ์ฌ์ฉํ๊ธฐ๊ฐ ๊ต์ฅํ ๊ฐ๊ฒฐํ๋ค๋
๊ธ๋ค์ ๋ดค์๊ณ ์ฌ์ฉ๋ฒ์ ๋ดค์ ๋์๋ redux์ ๋นํด ๊ต์ฅํ ๊ฐ๊ฒฐํด๋ณด์๋ค.
์ด๋ฒ์ ๋ค์ํ ๋ก์ง์์ zustand๋ฅผ ์จ๋ณด๋ ์ ๋ง ๊ฐ๊ฒฐ ๊ทธ ์์ฒด์๋ค.
์ ์ด์ฟผ๋ฆฌ์ ajax์ store์ ๊ฐ๊ฒฐํ ํธ๋ฆฌ์ฑ์ด ๊ฒฐํฉ๋ ๋๋์ด๋๊น.
๋ฌดํผ zustand ๋๋ถ์ ํ๊ฒฐ ํธํ ์์ ์ด ๊ฐ๋ฅํ๋ค.
์์ฆ zustand๊ฐ ์ธ๊ธฐ๋ผ๋๋, ์ญ์ ์ธ๊ธฐ๊ฐ ์๋๋ฐ์๋ ์ด์ ๊ฐ ์๋ ๊ฒ ๊ฐ๋ค.
end
๊ทธ๋ฆฌ๊ณ ์ด์ ๋ 2์ฐจ ์ค์ฝํ ์์ฑ๊น์ง 1์ฃผ์ผ์ด ๋จ์๋ค.
์ด๊ฑด ์ฐ๋ฆฌ ํ์๋ค๋ผ๋ฆฌ ์์ฒด์ ์ผ๋ก ์ ํ ๋ฐ๋๋ผ์ธ์ด๋ค.
์์ง ์ถ๊ฐํ ๊ธฐ๋ฅ๋ค์ด ๋ง๊ณ , ์๋น์ค ๋์์ธ์ด ํ ๋ฒ ๋ ์ ๋ฐ์ดํธ๋ ์์ ์ด๊ธฐ์
์ด๋ฒ ์ฃผ๋ ์ญ์ ๋ฐ์ ๊ฒ ๊ฐ๋ค.
2์ฐจ ์ค์ฝํ๊น์ง ๋ ๊ฐ๋ณด์๊ณ ~!
์ฐธ๊ณ
zustand ๊ณต์๋ฌธ์ https://github.com/pmndrs/zustand
GitHub - pmndrs/zustand: ๐ป Bear necessities for state management in React
๐ป Bear necessities for state management in React. Contribute to pmndrs/zustand development by creating an account on GitHub.
github.com
'๐๊ฐ๋ฐ ์ผ๊ธฐ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[ํญํด99 - 14์ฃผ์ฐจ] ์ค์ ํ๋ก์ ํธ 6 ( D-2 ) (0) | 2023.03.13 |
---|---|
[ํญํด99 - 13์ฃผ์ฐจ] ์ค์ ํ๋ก์ ํธ 5 (๋ง๋ฌด๋ฆฌ ๋จ๊ณ) (0) | 2023.03.05 |
๊ฐ๋ฐ ์ผ๊ธฐ] webRTC 1์ฐจ ํ ์คํธ์ ์ค๊ฐ ๋ฐํ (0) | 2023.02.24 |
[ํญํด99 - 11์ฃผ์ฐจ] ์ค์ ํ๋ก์ ํธ 3 (webRTC - openvidu) (0) | 2023.02.20 |
[ํญํด99 - 10์ฃผ์ฐจ] ์ค์ ํ๋ก์ ํธ 2 - webRTC (0) | 2023.02.13 |