μλ κΈμ λ¨μν State of JS 2020 Survey κ²°κ³Όλ₯Ό λ³΄κ³ νμ ν(?) π€ͺ μ£Όλμ΄ κ°λ°μμ λλ μ μ λν΄μ μ΄ κΈμ λλ€. νΉμλ μ€λ¬Έ κ²°κ³Όλ₯Ό λ°λ‘ νμΈνκ³ μΆμΌμλ€λ©΄ μ¬κΈ°λ‘ λ°λ‘ μ΄λν΄μ£ΌμΈμ. μ°Έκ³ λ‘ μ€λ¬Έ κ²°κ³Όλ νκΈλ²μλ μ§μνκΈ° λλ¬Έμ λꡬλ λ¨λ λ Έμ νΈμνκ² λ³Ό μ μμκ±°λΌ μκ°ν©λλ€. μλμ κΈμ μμμ νλ¦κΈ°λ²μ μν΄μ μ°μ¬μ§ κΈμ΄κΈ°μ λμ‘ν μ μμ΅λλ€. μν΄ λΆνλ립λλ€.
WeeklyJavaScript λΌλ λμκ² μλ°μ€ν¬λ¦½νΈ μνκ³μ λν λ§μ μ 보λ₯Ό, 맀주 μλ΄ν΄μ£Όλ λ©μΌμ΄ μλ€. μλ°μ€ν¬λ¦½νΈ μνκ³λ₯Ό λ°λΌλ³΄λ μΈμ¬μ΄νΈλ₯Ό κΈ°λ₯΄κΈ° μν΄μ 맀주 νμΈνλ €κ³ λ
Έλ ₯νκ³ μλ€. 맀주 νμΈνλ€κ³ λ λ§νμ§ μμλ€. π± κ·Έλ°λ° μ΄λ²μ£Όμ κ΅μ₯ν ν₯λ―Έλ‘μ΄ κΈ°μ¬λ₯Ό λ³΄κ² λμλ€. κ·Έκ²μ λ°λ‘ 2020λ
μ μλ°μ€ν¬λ¦½νΈμ λν₯μ λν μ€λ¬Έ κ²°κ³Όμλ€.
λͺ¨λ μ§μ μ΄ λ§μ°¬κ°μ§κ² μ§λ§, κ°λ°μλΌλ μ§μ μ νΉνλ κ°λ° νΈλ λμ μ’ λ λ―Όκ°ν κ² κ°λ€. λ¨ λͺκ°μλ§μ λ§μ μ λ°μ΄νΈκ° μΌμ΄λκ³ , νΉμ ν ν¬λ₯Ό λ©λ¦¬νλ€κ° λμμμ λμ κ·Έ μλ‘μμ νννκΈ° κ·Έμ§μλ€. μΈμ λ μλ‘μμ μ€λ λ κ²μμλ λ€μ μ΅νμΌνλ€λ λλ €μμ λ μ‘΄μ¬νλ κ² κ°λ€. μ΄λ₯Ό 극볡(?)ν΄ λκ°λ κ³Όμ μ΄ μ’ λ μ’μ κ°λ°μκ° λλ κ³Όμ μ΄ μλκΉ μΆλ€. κ·Έλ°λ° κ°μκΈ° μ΄λ° μ΄μΌκΈ°λ₯Ό μ νλλκ³ λ¬»λλ€λ©΄, μ€λ¬Έ μ‘°μ¬μ κ²°κ³Όλ μ¬ ν ν΄ μλ°μ€ν¬λ¦½νΈμ μμ¬μ λν΄μ μλ κ²μ΄κ³ μ΄μ΄ νμ¬λ₯Ό λνλ΄λ κ²μ΄λ€. μ΄λ₯Ό ν΅ν΄μ 2021λ μ μ΄λ»κ² νλ¬κ°μ§λ₯Ό μ‘°κΈμ΄λλ§ μμν μ μμ κ²μ΄λ€. μ΄λ¬ν μμμ΄ νΈλ λμ λ³νκ° μ£Όλ λλ €μμ μ½κ°μ΄λΌκ³ μμμμΌ μ£Όμ§ μμκΉ νλ μ½κ°μ ν¬λ§κ³ λ¬Έμ ν΄λ³Έλ€. λ κ°μ₯ νΈν κ²μ λλ λ₯μΉλλλ‘ μ¦κ²κ² μ¦κΈ°κ³ λ°°μ°λ κ² μμ²΄λ‘ μ¦κ±°μμ μ°Ύλλ€λ©΄ μ΄λ³΄λ€ λ μ’μ μΌμ μμ§λ§ λ§μ΄λ€.
κ°μκΈ° νΈλ λλΌλ λ§μ΄ λμμ νΈλ λμ λν΄μ μ’μ κΈμ΄ μμ΄μ μκ°νκ³ μ νλ€.
νΈλ λλ λ¨μνκ² μΈν°λ·μ΄λ μ‘μ§μμ λμ€λ μ΅μ μ ν€μλλ₯Ό λμ΄νκ³ κ·Έμ λν μ€λͺ
μ κ·Έλλ‘ μΈμ°λ κ²μ΄ μλλ€.
νΈλ λλ₯Ό μλ€λ κ²μ μλμ κ°λ€.
κ³Όκ±°λ₯Ό μλ€ : μμ¬μ μΈ λ°°κ²½κ³Ό λΉμμ νμλ₯Ό μλ κ²
νμ¬λ₯Ό μλ€ : μλ‘μ μν κ³Ό κ΄κ³, ꡬ쑰λ₯Ό μλ κ²
λ―Έλλ₯Ό μλ€ : μμΌλ‘ μΌμ΄λ λ³νμ μν₯μ μλ κ²
μ κΈμ
μ΅μ IT νΈλ λ
λΌλ μ± μ μλ¬Έμ λμ€λ λ΄μ©μ΄λ€.
μ΄λ»κ² 보면 μ΄ μ€λ¬Έ μ‘°μ¬λ λ¨μν μ 보μ λμ΄μΌ μ μλ€. νμ§λ§ μ΄ λμ΄ μμμ μ΄λ¬ν μλ¬Έμ κ°μ§ μ μλ€. 'μ΄ νλ μμν¬λ μ κ°μκΈ° μ¬μ©λμ΄ λ§μμ‘μ§?' νΉμ 'μ΄ κΈ°μ μ μ μ§κ³ μλκ±°μ§?' λ±λ±μ μλ¬Έ μμμ μλ°μ€ν¬λ¦½νΈ μνκ³μ μλμ νλ¦μ μΊμΉν μ μλ μκ°μ΄ λ μ μμκ±°λΌ μκ°νλ€. λμκ° μΉκ°λ° μ 체μ μΈ νλ¦μ μμκ° μ μμ κ±°λΌ μκ°νλ€. μ΄κ²μ΄ μμμ μΈκΈν νμ
, κ΄κ³
, ꡬ쑰
μ λν΄μ μμκ°λ κ³Όμ μ΄λΌκ³ μκ°νλ€. κ°μκΈ° νΈλ νΈ μ΄μΌκΈ° νλ©΄μ κΈμ§μ§ν΄μ‘λ€.π₯²
λ€μ λμμ€λ©΄, μ€λ¬Έ κ²°κ³Όλ λ§μ λ΄μ©μ μΈκΈνκ³ μλ€. μλ΅ν κ°λ°μλ€μ μ 보(μ¬μ©μΈμ΄, μ°λ΄ λ±λ±), μλ°μ€ν¬λ¦½νΈμ κΈ°λ₯λ€, μλ°μ€ν¬λ¦½νΈμ μ¬λ¬ κΈ°μ λ€μ λν₯, κΈ°μ 리μμ€λ₯Ό μ΄λμ μ£Όλ‘ μ»λμ§μ λν΄μ λ±λ± λ§μ μ 보λ€μ΄ μ°μ¬μ Έμλ€. μ΄λ¬ν λ§μ μ λ³΄λ€ μ€μμ λ΄κ° μ£Όλͺ©ν λΆλΆμ κΈ°λ₯(Featrues)
ννΈμ΄λ€. μ΄ λΆλΆμ μλ΅μλ€μκ² μλ°μ€ν¬λ¦½νΈμ νΉμ κΈ°λ₯μ μλμ§λ₯Ό λ¬Όμ΄λ³΄κ³ μ€μ λ‘ νμ©νλμ§μ λν΄μ μ€λ¬Έν λ΄μ©μ΄λ€. λ μμ μ΄ λΆλΆμ λν΄μ μλ κ²λ μμ΄κ³ λͺ¨λ₯΄λ κ²λ μμκ³ μ€μ λ‘ νμ©νλ λΆλΆκ³Ό νμ©νμ§ λͺ»νλ λΆλΆλ μμλ€. μ΄ μ€λ¬Έμ κ²°κ³Όμ λμ μν μμ λΉμ·νμλ€. κ·Έλμ μ΄ λΆλΆμ μ‘°κΈμ ꡬ체μ μΌλ‘ μ 리ν΄λ³΄κ³ μ νλ€. μμΌλ‘ μ§μμ μΌλ‘ κΈμ μ¨λκ° μμ μ΄λ€. μ§κΈμ μλκ³ . νκ΅λ§μ λκΉμ§ λ€μ΄μΌνλ€.π
κΈ°λ₯ ννΈ μμμλ μ¬λ¬ κ°μ§μ μΉμ
μΌλ‘ μ΄λ£¨μ΄μ Έμλ€. 첫λ²μ§Έλ‘ ꡬ문(Syntax)μ΄λ€. μ΄ λΆλΆμ μλ°μ€ν¬λ¦½νΈ λ¬Έλ²μ λν λ΄μ©μ΄λ€. μ΄λ€ λ¬Έλ²μ΄ μλλ°, λλ μκ³ μλ? νμ©ν΄λ΄€λ? μ λν λ΅λ³ λ΄μ©λ€μ΄λ€. λλ²μ§Έλ μΈμ΄(Language)μ΄λ€. μ΄ λΆλΆμ μλ°μ€ν¬λ¦½νΈμ μ©μ΄μ λν΄μ λ¬Όμ΄λ³Έ λΆλΆ κ°λ€. μλ₯Ό λ€μ΄ async/await
μ΄λΌλ κ±° λ€μ΄λ΄€λ? μ¬μ©ν΄λ΄€λ? λ±μ λν λλ΅μ΄λ€. μΈλ²μ§Έλ μλ£κ΅¬μ‘°(Data Structure)μ΄λ€. μ΄ λΆλΆ μμ μλ°μ€ν¬λ¦½νΈμ μ‘΄μ¬νλ λ€μν μλ£κ΅¬μ‘°μ λν΄μ μ¬μ©μ¬λΆμ μΈμ§μ¬λΆλ₯Ό μ‘°μ¬ν κ²°κ³Όμ΄λ€. λ€λ²μ§Έλ λΈλΌμ°μ API(Browser APIs)μ΄λ€. μ΄ λΆλΆμ λ¨μ μλ°μ€ν¬λ¦½νΈλΌκ³ νκΈ°λ λνμ§λ§ λΈλΌμ°μ μμ μ 곡ν΄μ£Όλ λ€μν APIλ€μ λν μ¬μ©μ¬λΆλ₯Ό λ¬Όμ΄λ³Έ λ΄μ©μ΄λ€. μ¬μ€ μ΄ λΆλΆμ LocalStroage
λ₯Ό μ μΈνκ³ λ μ¬μ©ν΄λ³Έ μ μ΄ μλ κ²μ΄ λλΆλΆμ΄μλ€. λκ° ννν¨μ΄ λκ»΄μ§λ λΆλΆμ΄μλ€. λΈλΌμ°μ κ° μ 곡ν΄μ£Όλ λ§μ κΈ°μ μ€μ λ λ¨μ§ μ΄κ²λ°μ μ¨λ³Έ μ μ΄ μλ€λ!
?? : ννν΄ λ§λΌ~ μ¬ν΄λ λ°λμ μ¬μ©νκ² λ μ§ μ΄λ~ (μ??)
λ€μ―λ²μ§Έλ‘ κΈ°ν κΈ°λ₯(Other Features)μ΄ μλ€. μ΄ κ³³μμλ μμμ μΈκΈλμ§ μμ λ§μ΄λ(?)ν κΈ°μ λ€μ λν΄μ μΈκΈνλ€. PWA(Progressive Web Apps)
Web Assembly
μμ λ§μ΄λνλ€κ³ ν λ§μ μ·¨μνλ€, ννν.
μ¬μ€ λ΄κ° μ΄ κΈμ μ΄ λͺ©μ μ κΈ°λ₯ ννΈμ μλ λ΄μ©λ€μ μ 리νκ³ μμ보λ μκ°μ κ°κΈ° μν λ‘λ°₯, μ¦ μΈνΈλ‘ κΈμ΄μλ€. κ·Έλ°λ° μ°λ©΄μ λλ μκ°μ΄ 'κΈ°λ₯ ννΈμ μλ λ΄μ©λ§ μ 리ν΄λ μ¬ νν΄ μμ ν μ μμκΉ?' νλ λΆμκ°μ΄ μμ΅νμλ€. κ·Έλλ ν λ² κΊΌλΈ μκ° μ€μ²νλ μ²μ΄λΌκ³ ν΄μΌ νμ§ μμκΉ μΆλ€.π μ‘°κΈμ© μ²μ²ν μμ λ΄μ©λ€μ μ 리νλ κΈμ μ¨λ³΄λλ‘ λ Έλ ₯νκ² λ€. μ΅λν νμ νμ§ μκ² μ²μ²ν μ λ¦¬ν΄ λ³΄μ.
λΆμ‘±ν κΈ μ½μ΄μ£Όμ μ κ°μ¬ν©λλ€. μΈμ λ λ΄μ©μ λν νΌλλ°±μ νμμ λλ€. μμΌλ‘ μ‘°κΈμ΄λΌλ λμμ΄ λ μ μλ κΈμ μ°κΈ° μν΄μ λ Έλ ₯νκ² μ΅λλ€.