Redux μ€νλ¦°νΈ μμ...!
리λμ€μμ κ°μ₯ μ€μν 3κ°μ§
νλμ μ ν리μΌμ΄μ μλ νλμ μ€ν μ΄
μνλ μ½κΈ° μ μ© -> λΆλ³μ±μ μ§μΌμ£Όμ΄μΌνλ€.
λ³νλ₯Ό μΌμΌν€λ reducer ν¨μλ μμ ν¨μμ΄λ€. μ¦, λμΌν μ λ ₯ κ°μ λμΌν μΆλ ₯ κ°μ
appμμ μ€ν μ΄λ‘ 보λ΄λ λ°μ΄ν° λ¬Άμ, μ€ν μ΄μ μ μΌν μ 보μ,
store.dispatchλ₯Ό ν΅ν΄ μ‘μ μ λ³΄λΌ μ μλ€. κ°μ²΄μ΄λ©° κ·Έ μμ type κ³Ό payloadλ₯Ό κ°λλ€.
stateλ₯Ό λ³κ²½νλ λ°©λ²μ 무쑰건 actionμ dispatch ν΄μΌνλ€.
μ‘μ κ°μ²΄λ₯Ό μ²λ¦¬νλ ν¨μ, μ 보λ₯Ό λ°μμ μνλ₯Ό μ΄λ»κ² μ λ°μ΄νΈν κ²μΈμ§ μ μνλ€.
μμ ν¨μλ‘ μμ±λμ΄μΌνκ³ μ΄μ μνμ μ‘μ μ λ°μμ μλ‘μ΄ μνλ₯Ό λ°ν.
μ΄μ μνλ₯Ό λ³κ²½νλκ² μλ μλ‘μ΄ μνλ₯Ό λ°ν
κΈ°μ‘΄μ μν λ³΅μ¬ -> λ³ν -> λ°ν
μ΄ν리μΌμ΄μ μ νμ¬ μνλ₯Ό μ§λκ³ μλ€. μ΄ν리μΌμ΄μ μλ νλμ μ€ν μ΄λ§ μμ΄μΌ νλ€.
createStore(reducer)λ‘ μμ±μ νλ€.
μ€ν μ΄κ° νλ μΌ
1.dispatch(action) μ‘μ μ 리λμλ‘ λ³΄λΈλ€.
μ€ν μ΄λ 리λμ ν¨μμ νμ¬ μμ μ μνμ λ°©κΈ μ λ¬ λ°μ μ‘μ μ μ λ¬ν΄ μ€λ€.
κ·Έ μ‘μ μ λ°κ³ 리λμ ν¨μλ μ΄λ€ λ³νκ° νμνμ§ μμλ΄κ³ λ³νλ₯Ό μ£Όκ³ μλ‘μ΄ stateλ₯Ό λ°νν΄μ€λ€.
κ·ΈλΌ κ·Έ stateμ κΈ°μ‘΄ stateμ λ³κ²½μ νλ€.
2.subscribe(리μ€λ)
μνκ° λ°λ λλ§λ€ μ€νλ ν¨μλ₯Ό λ±λ‘ν΄ μ€λ€.
μ€λλ§μ ν΄μ λκ° λ¦¬μ μ΄ λκ±΄μ§ μλλ©΄ ν΄λμ€ μ»΄ν¬λνΈμμλ λκ° λ€λ₯Έκ±΄μ§ κ΅μ₯ν λ―μ€λ€....
soloDayλ μ£Όλ§μ μ λ§ μ μ΄μ©ν΄μΌκ² λ€λ μκ°μ΄ κ³μ κ³μ λ λ€....
λ¬΄νΌ κ³Όμ λ μμ±νκ³ μ΄λ μ λ κΈ°μ΅λ 볡ꡬνκ³ λ΄μΌμ μ’ λ advancedν λμ μ ν΄λ³΄μ.