11μ μ€μμ κΈ°λ‘νλ 2020λ νκ³ λ‘
βπ» 2020λ 2μ,
ν°μ€ν 리λ₯Ό κ°μ€ν λ€ 1μΌ 1 ν¬μ€ν μ μμνκ³ , νλ‘ νΈμλ κΈ°μ νΈλ λ νμ μ μ€μμ±κ³Ό 곡λΆν΄μΌ ν κΈ°μ μ΄ λ§λ€λ κ²μ 체κ°νλ€. μ·¨μ μ΄ν μλμ μ΄κ³ μμΌνλ λ΄ λͺ¨μ΅μ νννλ©΄μ, λ΄κ² λΆμ‘±ν μ μ΄ λ¬΄μμΈμ§, λμκ°μΌ ν λ°©ν₯μ λν΄μ ꡬ체μ μΌλ‘ νμ ν μ μλ κ³κΈ°κ° λμλ€. κ΅¬κΈ μ λμΌμ€ μΉμΈμ λμ νμμΌλ μμ§λ μ΄ν΄νμ§ λͺ»ν μ΄μ λλ¬Έμ μ€ν¨νλ€... 4μ λ¬΄λ ΅ κ°μΈμ μΈ μ¬μ μΌλ‘ μμμ΄ κΈκ°ν λ€ μ½ 8κ°μμ μκ°μ΄ νλ κ³ , μΆμ μ°ν΄ λμ κ°μκΈ° λνλ μΈμ μ λ°°μ μ‘°μΈμ λ£κ³ 머리λ₯Ό λ΅ νκ³ λ§μλ―ν μκ·Ήμ λ°μ 10μμ΄ λμ΄μμΌ ν¬μ€ν μ μ¬κ°νλ€.
βπ» 2020λ 10μ,
μ‘°μΈμ λ΄μ©μ λ€μκ³Ό κ°μλ€.
1. λ§λ§ν μλ‘ actionμ μ·¨ν΄μΌ νλ ¨ν΄μ§λ€.
--> μ¦κ°μ μΌλ‘ μ£μ± κ°μμ λ²μ΄λ μ μλ€. μ΄λ κ·Έλλ‘ λ€μ λ μ μλμ§κ° λλ€.
2. λ°λ¦°μΌλ λ€ ν΄λ²λ¦¬κ³ , κ²½λ ₯ κΈ°μ μλ μ¨ λ³΄κ³ , μμ κ²λΆν° μ°¨κ·Όμ°¨κ·Ό. μ§μΉλ©΄ μ§λ κ².
3. μ΄μ§μ κ²°μ¬λΆν° 첫 μΆκ·ΌκΉμ§ 무쑰건 6κ°μ μμ λλλ€. μ΄λ λͺ©νκ° νκ³ ν μλ‘ λΉ¨λΌμ§λ€.
4. λ©΄μ μμλ λ΄ μ₯μ μ΄ κ±°λ‘ λκ²λ μ λν΄μΌ νλ€.
μ΄μ° 보면 λΉμ°ν λ§ ν¬μ±μ΄μ§λ§, μ΄ λΉμ°ν κ²λ€μ λͺΈμ κΉ¨λ«κΈ°κΉμ§ 2μλΆν° μ½ 8κ°μμ μκ°μ΄ κ±Έλ Έλ€..
κ·Έλ κ² μμν 'action'μ 1μΌ 1commit μ±λ¦°μ§μ React μ¬μ΄λ νλ‘μ νΈ.
μ²μμ μ°μ λ°λ±μ λΆμ΄ λ¨μ΄μ§ λ― λ―ΈμΉ λ―μ΄ MDN, React λ±μ 곡μλ¬Έμλ₯Ό μ½κ³ , λͺ λ¬κ° 묡νλ λΆλ§ν¬λ€κ³Ό μ¬ν리 μ½κΈ° λͺ©λ‘μ μ λ νκΈ° μμνλ€. λ§€μΌ κ³΅λΆν λ΄μ©μ μμ΄ν° λ©λͺ¨μ₯μ κΈ°λ‘νκ³ , κ°μ’ μΈμ¬μ΄νΈλ₯Ό κ±°μ³ μ’λ€λ κ°μλ€μ λ₯μΉλ λλ‘ λ£κΈ° μμνλ€. λ Έλ§λ μ½λμ TodoApp ν΄λ‘ μ½λ© κ°μ’μ ES6μ κ°μ²΄ μ§ν₯ νλ‘κ·Έλλ° κ°λ μ μν μ½λ μ€νΌμΈ , μ λ‘μ΄μ React μΉ κ²μ κΈ°λ³Έ κ°μλ₯Ό κ±°μ³ νμ¬λ μΈνλ°μ λ Έλ λ²λ 리λ΄μΌ κ°μ’λ₯Ό λ€μΌλ©΄μ μ¬μ΄λ νλ‘μ νΈλ₯Ό μ§ννκ³ μλ€.
κ·Ό ν λ¬κ° actionμ μ·¨νλ©΄μ λ λλ μκ°. λλ μ λλ‘ μ΄ν΄νκ³ κ³΅λΆν κ²μ λ΄ κ²μΌλ‘ λ§λ€κ³ μμκΉ? κ·Έμ μ£μ± κ°μμ λ²μ΄λκΈ° μν νλ©΄μ μΈ κ³΅λΆλ₯Ό νλ κ²μ μλκΉ? λ μκ°μ΄ λ λ§μμ Έ κ°νΌλ₯Ό λͺ» μ‘κ³ λ°©ν₯μ±μ μ¬μ λΉνλ μκ°μ κ°λ μ€, λΈλμ»€νΌ λΈλ‘κ·Έ μ€ν°λμ μ°Έκ³ μλ£λ‘ μ¬λΌμ¨ μΆμ² μμμ 보면μλ λ ν λ² μκ·Ήμ λ°μλ€. μ¬ν λμκ² κΈμ°κΈ°λ κ·Έμ μΈλ¬Ένμ μΈ ν΅μ°°μ μν΄μλ§ μλ―Έκ° μλ€κ³ μκ°ν΄μκΈ° λλ¬Έμ μκ°μ΄ μ¬μ κ° λ λ, μκ°μ μ 리νκ³ μΆμ λμλ§ κΈμ μ°κ³€ νλ€. κΈ°μ λΈλ‘κ·Έλ λμκ²λ κ·Έμ 곡λΆν κ²μ 볡μ΅νκΈ° μν κΈ°λ‘μ μλ¨μ΄ λ λΏ, κΈμ μ°λλμμ κΈ°κ³μ μΌλ‘ κΈ°λ‘ν΄λ΄λ λ°μλ§ μ΄μ μ λμλ€. νμ§λ§ λ΄κ° μ΄ν΄ν κ²μ μ°κ³ , μ 리νλ κ²λ§μΌλ‘λ λ§μ λμμ΄ λλ€λ μ¬μ€μ κΉ¨λ¬μλ€.
11μμ νλλ€μ΄ λ΄κ² κ°μ₯ νμν λκΈ° λΆμ¬μ μ½ν μ€λΉ, ν¬νΈν΄λ¦¬μ€ μ μμ μν κΈ°νμ κ° λκΈΈ λ°λΌλ©° νκ³ λ‘μ λ§λ¬΄λ¦¬νλ€ ππ»