221122(ν)
π μ±μ₯μΌμ§ 3.0
μ±
ν볡ν μ΄κΈ°μ£Όμμ(μ¨μΈ λ€μ΄μ΄)
μ λ΄μ©μ μκ·Ήλ°μ μμνλ μλ°ν μ±μ₯κΈ°λ‘
μ΄μμλ κ½κ³Ό μ£½μ κ½μ μ΄λ»κ² ꡬλ³νλκ°?
μ±μ₯νκ³ μλ κ²μ΄ μ΄μ μλ κ²μ΄λ€.
μλͺ μ μ μΌν μ¦κ±°λ μ±μ₯μ΄λ€!
π³ ν€μλ (1.0)
μ΅λν κ°λ¨νκ² μ 리, μΆνμ 보면μ μ€μ€λ‘ μ€λͺ
π κ²½ν μμ£Όλ‘ (2.0)
λ¨μ μ 보λ₯Ό μ λ¬νκΈ°λ³΄λ€ λ¬΄μμ λ°°μ κ³ μ΄λ»κ² ν΄κ²°νλμ§ μ§§κ³ κ°λ¨νκ² μμ±
βοΈ μ ν΄μ§ ν νλ¦Ώμ λ§μΆ°μ (3.0)
ν€μλ, κ²½ν λͺ¨λ μ’λ€. λ€λ§ λ§€μΌ μμ±νκΈ°λ‘ λ§μ λ¨Ήμλ§νΌ ν΅μ¬λ§ κ°κ²°νκ² μ 리ν μ μκ² ν νλ¦Ώμ μμ±
π μ€λμ ν€μλ
- 리μ‘νΈ
- useRefμ νμ©
- inputμ refλ₯Ό ν΅ν΄, μ§μ DOM μμλ₯Ό μ νν λ
- setTimeout, clearTimeoutκ³Ό κ°μ΄ λ³νμ λ°λ₯Έ νλ©΄ λλλ§μ μμΉ μμ λ
- λ¨, νμ .currentλ₯Ό ν΅ν΄ κ°μ get, setνλ€λ κ² μ£Όμ!
- JSXμμλ if, forλ¬Έ μμ±νλ λ²?!
- ν¨μ λ΄μμλ if, forκ° μ¬μ©κ°λ₯νλ€λ μ μ μ΄μ© -> μ¦μμ€νν¨μ νμ©
- κ·Έλ¬λ, μ½λμ κ°λ μ± λ° ν¨μ¨μ±μ΄ κ΅μ₯ν λ¨μ΄μ§λ―λ‘ μ¬μ€μ μ¬μ©ν μΌμ μλ€.
- useRefμ νμ©
π μμ½ λ° ν루 κ°λ¨ νκ³
곡λΆλ₯Ό μ’λ ν¨μ¨μ μΌλ‘ νμ! λμκ² λ§λ νμ΅λ²λ μ€μνκ² μ§λ§, κ°λ° 곡λΆμ μμ΄μ μ¦κ°μ μΌλ‘ 무μΈκ°λ₯Ό λ§λ€μ΄λ³΄λ €λ κ² νμνλ€. κ·Έλ¬λ©΄μ νμν λΆλΆλ€μ 보좩ν΄λμκ°λ λ°©λ²μΌλ‘ μ¦κ²κ² κ°λ°ν μ μλλ‘ νμ.