-
νλ‘μ νΈ TIL (3) - [ μ¬μ©μκ° μμ μμ² μ κ²½κ³ μ°½ λμμ£ΌκΈ° ]νλ‘μ νΈ λ¦¬λ·°/Book-Square 2020. 9. 16. 00:51
μ€λ ν μΌ π€
μ€λμ μ¬μ©μκ° μ± μμ λ²νΌμ λλ¬ μ± μ μμ νκ³ μ ν λ κ²½κ³ μ°½μ λμμ£ΌκΈ° μν΄ λͺ¨λ¬μ ꡬννμ΅λλ€.
μ²μμλ κ²½κ³ μ°½μ λ°λ‘ λ§λ€μ§ μκ³ μ± μμ λ²νΌ ν΄λ¦ μ λ°λ‘ μλ²μ μμ μμ²μ νμ¬ μμ κ° λλλ‘ κ΅¬ννμλλ° λ΄ μλΉμ€λ ν΄λΉ μ± μ λν λ νκ°μ μμ±ν μ μλ μλΉμ€λΌ λ§μ½μ μ¬μ©μκ° μ± μμ λ²νΌμ μ€μλ‘ λλ₯΄κ² λλ€λ©΄ μ μ¨ μμ±νμ¬ λͺ¨μλμ λ νκ°κΉμ§λ μλμΉ μκ² μμ λλ λΆλ―Έμ€λ¬μ΄ μΌμ΄ λ°μν κ² κ°λ€λ μκ°μ νκ² λμμ΅λλ€.
κ·Έλμ " μ΄ λ¬Έμ λ₯Ό μ΄λ»κ² ν΄κ²°νλ©΄ μ’μκΉ? " νκ³ μκ°ν΄λ³΄λ λ³΄ν΅ λ€λ₯Έ μλΉμ€λ€μ μ νλ€ λ³΄λ©΄ μμ λ²νΌμ λλ₯΄λ©΄ μ λ§ μμ ν κ²μΈμ§μ λν λͺ¨λ¬μ°½μ΄ λ¬λ€λ κ²μ΄ λ¬Έλ μκ°μ΄ λμ " μ μ΄λμ μ μ κ° μ΄λ ν μ‘μ μ μ·¨ν λ νμμ λ°λΌ κ²½κ³ μ°½μ λμ°λꡬλ.. " λΌλ μκ°μ ν¨κ³Ό λμμ λ΄κ° κ·Έλμ 무μ¬μ½ μ무λ μ§ μκ² μ¦κ²Όλ λͺ¨λ μλΉμ€λ€μ΄ μ¬μ©μλ₯Ό κ³ λ €ν κ²λ€μ΄ λ§κ΅¬λ λΌλ κ²μ λλΌκ² λμμ΅λλ€.
μ¬μ§μ΄ κ°μΈμ 보μ κ΄ν κ²μ΄λΌλκ° νμνν΄ λ±λ± μ΄λ° κ²½μ°μλ νμΈμ°¨ μ¬λ¬ λͺ¨λ¬λ€μ΄ κ³μν΄μ λ¨κΈ°λ νλ μλΉμ€λ€λ μ ν΄λ΄€λ κ² κ°μλ° λ²κ±°λ‘λ€κ³ λ§ μκ°νμ§ λ§κ³ μ μ΄λ κ² μ¬λ¬λ² νμΈνλ κ²½κ³ μ°½μ λμ°κ² λμλμ§ νλ² μκ°ν΄λ³Ό νμκ° μκ³ , λν μ΄λ¬ν λ¬Έμ λ₯Ό μ§μ λ§μ£Όνκ³ κΉ¨λ«κ² λμ΄ μ¬μ©μ μ μ₯μ κ³ λ €ν΄λ³΄λ μλΉμ€ νλλ₯Ό λ§λ€κΈ° μν΄ μ λ§ λ§μ κ³ μμ νμ κ°λ°μ λΆλ€μ λν΄ κ°μ¬νκ² μκ°νλ©° μλΉμ€λ₯Ό μ΄μ©ν΄μΌκ² λ€ λΌλ μκ°μ νκ² λμμ΅λλ€. π
ꡬν λ°©λ²
ꡬν λ°©λ²μ κ°λ¨νκ² κ·Έλ¦ΌμΌλ‘ λνλ΄λ©΄ λ€μκ³Ό κ°μ΅λλ€.
Propsμ μνκ΄λ¦¬κ° νμν κ²½μ°λ μλκΈ° λλ¬Έμ State λμ΄μ¬λ¦¬κΈ°λ₯Ό μ¬μ©νμ¬ λ£¨νΈ μ»΄ν¬λνΈμ ν΄λΉ μμ λ²νΌμ λν ν¨μλ₯Ό μ μΈνκ³ μ λ§ μμ κ° μ΄λ£¨μ΄μ§λ λͺ¨λ¬μ°½ λ΄μ νμΈ λ²νΌμ ν΄λ¦νκ² λλ©΄ λ£¨νΈ μ»΄ν¬λνΈμ μ μΈν ν¨μλ₯Ό μ€νμμΌμ£Όλ κ²μ λλ€.
State λμ΄μ¬λ¦¬κΈ°μ λν μ€λͺ μ "State λμ΄μ¬λ¦¬κΈ°" μμλ μμΈν λ€λ£¨κ³ μμΌλ μ¬κΈ°κΉμ§ μ€λͺ νλλ‘ νκ² μ΅λλ€!
λ§μΉλ©°
μλΉμ€λ₯Ό ꡬννλ©΄μ μ΄λ ν μ‘μ μ λν UI νλνλκ° λͺ¨λ λ€ μλ―Έκ° μλ κ²μ΄κ³ μ¬μ©μ κ²½νμ μκ°νλ©° μλΉμ€λ₯Ό λ§λ λ€λ κ²μ μ°Έ μ΄λ €μ°λ©΄μλ κΈ°λΆ μ’κ³ μ¬λ°μ κ² κ°λ€λ κΈ°λκ°μ΄ λ€μλ ν루μλ€.
μ¬μ©μ κ²½νμ μ‘°κΈ λ μκ°νλ©° κΈ°ννκ³ κ΅¬νν΄μΌκ² λ€.....π
'νλ‘μ νΈ λ¦¬λ·° > Book-Square' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ