221028(κΈ)
π μ±μ₯μΌμ§ 3.0
μ±
ν볡ν μ΄κΈ°μ£Όμμ(μ¨μΈ λ€μ΄μ΄)
μ λ΄μ©μ μκ·Ήλ°μ μμνλ μλ°ν μ±μ₯κΈ°λ‘
μ΄μμλ κ½κ³Ό μ£½μ κ½μ μ΄λ»κ² ꡬλ³νλκ°?
μ±μ₯νκ³ μλ κ²μ΄ μ΄μ μλ κ²μ΄λ€.
μλͺ μ μ μΌν μ¦κ±°λ μ±μ₯μ΄λ€!
π³ ν€μλ (1.0)
μ΅λν κ°λ¨νκ² μ 리, μΆνμ 보면μ μ€μ€λ‘ μ€λͺ
π κ²½ν μμ£Όλ‘ (2.0)
λ¨μ μ 보λ₯Ό μ λ¬νκΈ°λ³΄λ€ λ¬΄μμ λ°°μ κ³ μ΄λ»κ² ν΄κ²°νλμ§ μ§§κ³ κ°λ¨νκ² μμ±νμ
βοΈ μ ν΄μ§ ν νλ¦Ώμ λ§μΆ°μ (3.0)
ν€μλ, κ²½ν λͺ¨λ μ’λ€. λ€λ§ λ§€μΌ μμ±νκΈ°λ‘ λ§μ λ¨Ήμλ§νΌ ν΅μ¬λ§ κ°κ²°νκ² μ 리ν μ μκ² ν νλ¦Ώμ μμ±νμ
π μ€λμ ν€μλ
- react 볡μ΅
- νλ‘μ νΈ κΈ°ν μμ±(λ΄ κΈ°μ€)
- μκ³ λ¦¬μ¦ 2λ¬Έμ
π μ£Όμ λ΄μ© μμ½
- input λ€λ£¨λ λ°©λ², stateλ κ°λ₯νλ©΄ λμ μΈ uiλ₯Ό μν΄ μ¬μ©νκ³ κ·Έ stateλ₯Ό νμ©νλ μ»΄ν¬λνΈλ€μ μ΅μμ μ»΄ν¬λνΈμ μ μν κ²
- μμ£Ό λκ°μ΄λ μλλλΌλ, μ΄λμ λ κ°μνν μ±λ¦°μ Έμ€λ₯Ό ꡬννλ κ²μΌλ‘ κΈ°νμ λ§λ¬΄λ¦¬νλ€.(μΆν 보μνλ©΄μ κ°λ° μ§νν΄μΌλ λ―)
- μ€λλ§μ μμ€ν€ μ½λ νμ©, κ°λ₯νλ©΄ ν¨μν νλ‘κ·Έλλ°μΌλ‘ λ°°μ΄ λ©μλ μ¬μ©νμ.(μ½λ°±ν¨μλ₯Ό μΈμλ‘ λ겨주면μ μ§κ΄μ μ΄κ³ κΈ°μ‘΄ λ°°μ΄μ μ μ§νλ©° μλ‘μ΄ λ°°μ΄, κ°μ λ΄κΈ° λλ¬Έμ μμ νλ€.)
π ν루 κ°λ¨ νκ³
νλ£¨κ° μ λ§ λΉ¨λ¦¬ κ°λ€. κ·Έλ¬λ€λ³΄λ μ΄λ κ² μ 리νμ§ μμΌλ©΄, λκ° βμ€λ λνλλΌ?β μΆμ μκ°μ΄ λ λ€. μ 리νλ©΄μ βμ΄κ²μ κ²νꡬλβνλ λ§μμ μλκ°λ λ€κ³ ν루λ₯Ό μ 보λλ€λ μκ°λ λ λ€.
νμ€ν 리μ‘νΈλ₯Ό μ°λ©΄μ λλΌμ§λ§, 리μ‘νΈμ€λ¬μ΄
무μΈκ°κ° μλ€. 리μ‘νΈλ‘μλ μμ§λ§, μλ§ λ¦¬μ‘νΈλ μ μΈν νλ‘κ·Έλλ°μ λ°λ₯΄κΈ°μ λ κ·Έλ¬μ§ μμκΉ μΆλ€.
μ΄λ€ κ²°κ³Ό(λ·°)λ₯Ό λ§λ€μ΄μ£Όκ³ μν(λ°μ΄ν°)κ° λ³νλ©΄ μμμ λ λλ§ν΄μ£Όλ κ΅¬μ‘°κ° λλ± λ§λ€μ΄λ΄λ λ§μ μ¬κ°μΌλ©΄μλ κ·Έ μ μΈ
μ μμνλ κ² μ½μ§ μμ λλ..? κ·Έλλ μ¬λ―Έμκ² κ³΅λΆνκ³ μμΌλ λλ€.
μ΄μ μ μκ³ λ¦¬μ¦μ ν λλ for, while λ°λ³΅λ¬Έμ΄ λ μ§κ΄μ μ΄κ³ νΈν κ±° κ°μλ°, μ λ°°μ΄ λ©μλλ₯Ό μ°λΌκ³ ν κΉ
μκ°νλλ°, μ΄μ λ κ·Έ μ΄μ λ₯Ό μ κ² κ°λ€. μ½λκ° ν¨μ¬ κΉλνκ³ λ©μλμ νλ¦μ λ°λΌ μ μ μ μ½νλ€.
μ‘°κΈμ© μ‘°κΈμ© μ±μ₯νκ³ μλ€λ κ² λκ»΄μ§λ€. μμΌλ‘κ° λ κΈ°λλλ€.