221103(λͺ©)
π μ±μ₯μΌμ§ 3.0
μ±
ν볡ν μ΄κΈ°μ£Όμμ(μ¨μΈ λ€μ΄μ΄)
μ λ΄μ©μ μκ·Ήλ°μ μμνλ μλ°ν μ±μ₯κΈ°λ‘
μ΄μμλ κ½κ³Ό μ£½μ κ½μ μ΄λ»κ² ꡬλ³νλκ°?
μ±μ₯νκ³ μλ κ²μ΄ μ΄μ μλ κ²μ΄λ€.
μλͺ μ μ μΌν μ¦κ±°λ μ±μ₯μ΄λ€!
π³ ν€μλ (1.0)
μ΅λν κ°λ¨νκ² μ 리, μΆνμ 보면μ μ€μ€λ‘ μ€λͺ
π κ²½ν μμ£Όλ‘ (2.0)
λ¨μ μ 보λ₯Ό μ λ¬νκΈ°λ³΄λ€ λ¬΄μμ λ°°μ κ³ μ΄λ»κ² ν΄κ²°νλμ§ μ§§κ³ κ°λ¨νκ² μμ±νμ
βοΈ μ ν΄μ§ ν νλ¦Ώμ λ§μΆ°μ (3.0)
ν€μλ, κ²½ν λͺ¨λ μ’λ€. λ€λ§ λ§€μΌ μμ±νκΈ°λ‘ λ§μ λ¨Ήμλ§νΌ ν΅μ¬λ§ κ°κ²°νκ² μ 리ν μ μκ² ν νλ¦Ώμ μμ±νμ
π μ€λμ ν€μλ
- 리μ‘νΈ κ°μ μ§μ€
π μ£Όμ λ΄μ© μμ½
- 리μ‘νΈμμ μ ν μ λλ©μ΄μ , Context API, react-redux-toolkit
π ν루 κ°λ¨ νκ³
ν΄β¦ μ€λμ μλΉκ΅° λ€λ
μ€λλΌ κ³΅λΆμκ°μ΄ νμμλ³΄λ¨ κΈΈμ§ λͺ»νλ€. κ·Έλλ λ€λ
μμ 리μ‘νΈμμ classNameμ λν μνλ‘ μ λλ©μ΄μ
λ§λλ κ², context APIλ‘ μν 곡μ νκΈ°, reduxλ₯Ό ν΅ν μν κ΄λ¦¬μ λν΄μ λ°°μ λ€. recoilμ μ¬μ©ν΄λ³Έ κ²½νμ΄ μκΈ°μ, νμ€ν reduxκ° μ’λ 볡μ‘νλ€λ λλμ μλ κ±° κ°λ€. μμ§ redux μ°λ¨Ήμ΄λΌ κ·Έλ°μ§, κ·Έλλ μ΄ μ λλ©΄ ν λ§νλ€..? μΆμλ€.(λΆλͺ
λμ€μ μλλΌκ³ μκ°νκ² μ§λ§ γ
γ
) μ΄μ λΆν΄ 곡λΆν λ μ‘°κΈ λ€λ₯Έ 루ν΄μ λμ
νλ € νλ€. μμ§ κ³νμ€μΈ λ¨κ³μ§λ§, λ μ’μ κ²°κ³Όλ₯Ό λ΄μ€ κ±°λΌ λ―Ώλλ€. :)