221117(λͺ©)
π μ±μ₯μΌμ§ 3.0
μ±
ν볡ν μ΄κΈ°μ£Όμμ(μ¨μΈ λ€μ΄μ΄)
μ λ΄μ©μ μκ·Ήλ°μ μμνλ μλ°ν μ±μ₯κΈ°λ‘
μ΄μμλ κ½κ³Ό μ£½μ κ½μ μ΄λ»κ² ꡬλ³νλκ°?
μ±μ₯νκ³ μλ κ²μ΄ μ΄μ μλ κ²μ΄λ€.
μλͺ μ μ μΌν μ¦κ±°λ μ±μ₯μ΄λ€!
π³ ν€μλ (1.0)
μ΅λν κ°λ¨νκ² μ 리, μΆνμ 보면μ μ€μ€λ‘ μ€λͺ
π κ²½ν μμ£Όλ‘ (2.0)
λ¨μ μ 보λ₯Ό μ λ¬νκΈ°λ³΄λ€ λ¬΄μμ λ°°μ κ³ μ΄λ»κ² ν΄κ²°νλμ§ μ§§κ³ κ°λ¨νκ² μμ±
βοΈ μ ν΄μ§ ν νλ¦Ώμ λ§μΆ°μ (3.0)
ν€μλ, κ²½ν λͺ¨λ μ’λ€. λ€λ§ λ§€μΌ μμ±νκΈ°λ‘ λ§μ λ¨Ήμλ§νΌ ν΅μ¬λ§ κ°κ²°νκ² μ 리ν μ μκ² ν νλ¦Ώμ μμ±
π μ€λμ ν€μλ
- 리μ‘νΈ
- ν¨μ μ»΄ν¬λνΈλ ν΄λμ€ μ»΄ν¬λνΈλ³΄λ€ λ€μ μκΈ΄ κ² μλλΌλ μ (ν μ€κ° λ±μ₯νκΈ° μ μλ stateκ° μλ μ»΄ν¬λνΈ μ μμ μ’ μ’ μ¬μ©λ¨)
- useRef()λ₯Ό μ§μ DOMμ μ κ·Όν μ μκ² ν΄μ€λ€κ³ μκ°νλ©΄ μ‘°κΈ μ΄ν΄κ° μ½λ€.
- Node.jsλ λ°±μλ, μλ²λ§ μ°λ κ² μλλ€. κ·Έμ μλ°μ€ν¬λ¦½νΈ λ°νμ(μ€ν) νκ²½ κ·Έ μ΄μ μ΄νλ μλλ€.
- create-react-appμ ν¨λΆλ‘ λ¨μ©νμ§λ§μ. κ·Έ μ리λ₯Ό μκ³ npm, μΉν©κ³Ό λ°λ²¨ μ€μ μ ν μ μμ΄μΌνλ€.
- νμ
μ€ν¬λ¦½νΈ
- unknown, never, any νμ μ μΈμ λ μ£Όμν κ²
- νμ μ€ν¬λ¦½νΈ μ½λκ° ν·κ°λ¦΄ λ, νμ λΆλΆλ§ μ§μ°κ³ μλ°μ€ν¬λ¦½νΈ λ‘μ§μ μ΄ν΄ν κ²!
- as const: μ격νκ² νμ μ μΆλ‘ νκ² ν΄μ€λ€κ³ μκ°ν μ μλ€.
- typeκ³Ό interfaceμ μ°¨μ΄(κ°λ¨ν 건 type, μΆν νμ₯μ±κΉμ§ κ³ λ € λ° κ°μ²΄μ§ν₯μ μΌλ‘λ interface)
- νμ
μ
μ§ν©
μΌλ‘ μκ°νμ! & κ΅μ§ν©, | ν©μ§ν©, never 곡μ§ν©, any μ 체μ§ν©
- μκ³ λ¦¬μ¦
- μκ³ λ¦¬μ¦ μ체보λ€, μλ£κ΅¬μ‘° κ°κ°μ λν μ΄ν΄λ₯Ό ν κ²
- ν(μ΅λ ν, μ΅μ ν) κ·Έλ¦¬κ³ μ°μ μμ ν -> μ°μ μμ νλ μλ£κ΅¬μ‘°λΌκΈ°λ³΄λ¨ νλμ κ°λ μ΄λ€. μ΄λ₯Ό ꡬννκΈ° νΈν μλ£κ΅¬μ‘° μ€ νλκ° ν!
π μμ½ λ° ν루 κ°λ¨ νκ³
κ³μν΄μ κ°λ
λ€μ΄ λ€μ΄μ€λλ°, μμ§λ§κ³ κΈ°μ΅νμ. κ³μ 볡μ΅νκ³ λ¨Έλ¦¬μ λ΄κ³ , μ΅μν΄μ§λλ‘ νμ.
무μλ³΄λ€ κ³μ λ°°μ΄ λ΄μ©μ μ¨λ³΄λλ‘ νμ! λ°°μ°κ³ 머리μ λ£λ κ²λ μ’μ§λ§, κ²°κ΅μ μ΄λ€ μλΉμ€λ μ νμ λ§λ€μ΄λ΄κ±°λ λ¬Έμ λ₯Ό ν΄κ²°νλ κ²μ΄ κ°λ°μλ€.
κΌ μλΉμ€μ μΈ λ§μΈλλ‘ λ°°μ΄ κ²λ€μ μ¨λ³΄λλ‘ νμ!