[νν΄99 - 12μ£Όμ°¨] μ€μ νλ‘μ νΈ 4 (μ€κ°λ°ν)
β νν΄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