221116(μ)
π μ±μ₯μΌμ§ 3.0
μ±
ν볡ν μ΄κΈ°μ£Όμμ(μ¨μΈ λ€μ΄μ΄)
μ λ΄μ©μ μκ·Ήλ°μ μμνλ μλ°ν μ±μ₯κΈ°λ‘
μ΄μμλ κ½κ³Ό μ£½μ κ½μ μ΄λ»κ² ꡬλ³νλκ°?
μ±μ₯νκ³ μλ κ²μ΄ μ΄μ μλ κ²μ΄λ€.
μλͺ μ μ μΌν μ¦κ±°λ μ±μ₯μ΄λ€!
π³ ν€μλ (1.0)
μ΅λν κ°λ¨νκ² μ 리, μΆνμ 보면μ μ€μ€λ‘ μ€λͺ
π κ²½ν μμ£Όλ‘ (2.0)
λ¨μ μ 보λ₯Ό μ λ¬νκΈ°λ³΄λ€ λ¬΄μμ λ°°μ κ³ μ΄λ»κ² ν΄κ²°νλμ§ μ§§κ³ κ°λ¨νκ² μμ±
βοΈ μ ν΄μ§ ν νλ¦Ώμ λ§μΆ°μ (3.0)
ν€μλ, κ²½ν λͺ¨λ μ’λ€. λ€λ§ λ§€μΌ μμ±νκΈ°λ‘ λ§μ λ¨Ήμλ§νΌ ν΅μ¬λ§ κ°κ²°νκ² μ 리ν μ μκ² ν νλ¦Ώμ μμ±
π μ€λμ ν€μλ
- νλ‘μ νΈ μ£Όμ μ€μ λ° κ΄λ ¨ μ£Όμ apiλ‘ λ°μ΄ν° λ°μμ€κΈ°
- 리μ‘νΈ
- class componentμ function component
- react 17 vs 18
- λλλ§λλ JSX λΆλΆμ ν¨μλ₯Ό λ°λ‘ μ»΄ν¬λνΈμ λ©μλλ‘ μμ±νλ κ² μ’μ μ΄μ (κ°λ μ±, thisλ°μΈλ© λ¬Έμ , λλλ§ ν¨μ¨μ±)
- setStateμμ μ½λ°±μΌλ‘ μΈμλ₯Ό μ λ¬νλ κ²μ μ₯μ (리μ‘νΈμ batch, κ°λ μ±)
- νμ
μ€ν¬λ¦½νΈ
- νμ μ€ν¬λ¦½νΈλ₯Ό μ¬μ©νλ μ΄μ -> μμ μ±
- tscμ tsconfig.json
- μν : μ½λ λ³ν, νμ κ²μ¬
- νμ μΆλ‘ μ λν μ΄ν΄(μ΄ λΆλΆμ΄ ν₯λ―Έλ‘μ μ!)
- CS
- 1λΉνΈλ on/off μ€μμΉ ν κ° λΌκ³ μκ°νμ
- 8λΉνΈμ ν΄λΉνλ μ©λμ΄ 1λ°μ΄νΈ
- 16μ§μ νμ리λ 4λΉνΈ -> 4λΉνΈνλ©΄ 16μ΄ λ μ€λ₯΄λλ‘!
- λΉνΈλ ννμ μ΅μ λ¨μμ΄λ©° λ°μ΄νΈλΆν°κ° μ©λμ λ¨μ
- μλ¬Έμ νκ° => 1λ°μ΄νΈ
- μκ³ λ¦¬μ¦
- κ·Έλν
- νΈλ¦¬
π μμ½ λ° ν루 κ°λ¨ νκ³
κΌΌκΌΌνκ² λ°°μ°λ, μκ°λ³΄λ€ λͺ¨λ₯΄κ³ λμ΄κ°λ λ΄μ©λ€μ΄ λ§λ€. μ΄ λ§μ 곡λΆνκ³ λ°°μ°λ κ² μλκ° μκ°μ΄ λ λ€. π
λ°°μ°λ κ² λ§μλ§νΌ μ λμ μΌλ‘ 볡μ΅μ νμ. λν, μ 보λ₯Ό μ λ¬ λ°λ λ°°μ μμ κΌ λλ§μ νλ‘μ νΈλ₯Ό κΈ°ννλ μκ°μ μΉλλ‘ νλ€.
ννν 곡λΆνλ λ°©ν₯μ λν΄μ μ κ²νκ³ λ©ν μν μ ν΄μ€ λΆμκ² μ¬μ€λ³΄λλ‘ νμ. λ¨Όμ μμλκ° λκ΅°κ°κ° λ§λ€μ΄λ κ³λ¨μ μ λ°κ³ λμκ°μ.
κ·Έλ¬λ©΄μλ λλ§μ 무μΈκ°λ₯Ό μ λ§λ€μ΄ λμκ°λ©΄ λλ€. νμ΄ν
νμ!