μΌ | μ | ν | μ | λͺ© | κΈ | ν |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- κΈ°μ 컨νΌλ°μ€
- var μ¬μ©κΈμ§
- Setκ³Ό Map
- μ μλ³μμλ¬Έμ μ
- DOM
- λΉμ 곡μ΄μ§λ§ κ°λ°μλ‘ λ¨Ήκ³ μ½λλ€
- νμ λ³νκ³Όλ¨μΆνκ°
- λΈλ‘κ·Έ μλΉμ€ μ΅μ ν
- λΉνΈμΈ κ°μ²΄
- μ΄λ―Έμ§ κ°€λ¬λ¦¬ μ΅μ ν
- λ€νΈμν¬ μ°κ²°κ³Ό ꡬμ±μμ
- Babelκ³Ό Webpack
- μΈν°λ· μ₯λΉ
- μλ°μ€ν¬λ¦½νΈ
- νλ‘νΌν° μ΄νΈλ¦¬λ·°νΈ
- νλ‘ νΈμλ μ±λ₯ μ΅μ ν κ°μ΄λ
- μλ°μ€ν¬λ¦½νΈ λ₯λ€μ΄λΈ
- Property Attribute
- const
- λΈλΌμ°μ μ λ λλ§ κ³Όμ
- μμκ°κ³Όκ°μ²΄μλΉκ΅
- λμ€νΈλμ²λ§
- λͺ¨λ μλ°μ€ν¬λ¦½νΈ Deep Dive
- ES6ν¨μ μΆκ°κΈ°λ₯
- μ λλ μ΄ν°μ async/await
- νλ‘κ·Έλλ¨Έμ€
- μ¬λ¦Όν½ ν΅κ³ μλΉμ€ μ΅μ ν
- μ΄λ²€νΈ
- μ€μ½ν
- λ₯λ€μ΄λΈ
- Today
- Total
λͺ©λ‘μλ°μ€ν¬λ¦½νΈ λ₯λ€μ΄λΈ (11)
JDevBlog
31.1 μ κ· ννμμ΄λ? μ κ· ννμμ μΌμ ν ν¨ν΄μ κ°μ§ λ¬Έμμ΄μ μ§ν©μ νννκΈ° μν΄ μ¬μ©νλ νμ μΈμ΄(formal language) λ€. μ κ· ννμμ μλ°μ€ν¬λ¦½νΈμ κ³ μ λ¬Έλ²μ΄ μλλ©°, λλΆλΆμ νλ‘κ·Έλλ° μΈμ΄μ μ½λ μλν°μ λ΄μ₯λμ΄ μλ€. λ¬Έμμ΄μ λμμΌλ‘ ν¨ν΄ λ§€μΉ κΈ°λ₯μ μ 곡νλ€. ν¨ν΄ λ§€μΉ κΈ°λ₯μ΄λ νΉμ ν¨ν΄κ³Ό μΌμΉνλ λ¬Έμμ΄μ κ²μνκ±°λ μΆμΆ λλ μΉνν μ μλ κΈ°λ₯μ λ§νλ€. λ€λ§ μ κ·ννμμ μ£Όμμ΄λ 곡백μ νμ©νμ§ μκ³ μ¬λ¬ κ°μ§ κΈ°νΈλ₯Ό νΌν©νμ¬ μ¬μ©νκΈ° λλ¬Έμ κ°λ μ±μ΄ μ’μ§ μλ€λ λ¬Έμ κ° μλ€. 31.2 μ κ· ννμμ μμ± 31.3 RegExp λ©μλ RegExp.prototype.exec, RegExp.prototype.test, String.prototype.match,..
λ μ§μ μκ°(μ°, μ, μΌ, μ, λΆ, μ΄, λ°λ¦¬μ΄(millisecond/ms. μ²λΆμ 1μ΄))μ μν λ©μλλ₯Ό μ 곡νλ λΉνΈμΈ κ°μ²΄μ΄λ©΄μ μμ±μ ν¨μλ€. 30.1 Date μμ±μ ν¨μ Dateλ μμ±μ ν¨μλ€. Date μμ±μ ν¨μλ‘ μμ±ν Date κ°μ²΄λ λ΄λΆμ μΌλ‘ λ μ§μ μκ°μ λνλ΄λ μ μκ°μ κ°λλ€. μ΄ κ°μ 1970λ 1μ 1μΌ 00:00:00(UTC)μ κΈ°μ μΌλ‘ Date κ°μ²΄κ° λνλ΄λ λ μ§μ μκ°κΉμ§μ λ°λ¦¬μ΄λ₯Ό λνλΈλ€. 30.1.1 new Date() Date μμ±μ ν¨μλ₯Ό new μ°μ°μ μμ΄ νΈμΆνλ©΄ Date κ°μ²΄λ₯Ό λ°ννμ§ μκ³ λ μ§μ μκ° μ 보λ₯Ό λνλ΄λ λ¬Έμμ΄μ λ°ννλ€. 30.1.3 new Date(dateString) λ μ§μ μκ°μ λνλ΄λ λ¬Έμμ΄μ μΈμλ‘ μ λ¬νλ©΄ μ§μ λ λ μ§..
27.1 λ°°μ΄μ΄λ? λ°°μ΄_array μ μ¬λ¬ κ°μ κ°μ μμ°¨μ μΌλ‘ λμ΄ν μλ£κ΅¬μ‘°λ€. λ°°μ΄μ΄ κ°μ§κ³ μλ κ°μ μμ_element λΌκ³ λΆλ₯Έλ€. μλ°μ€ν¬λ¦½νΈμ λͺ¨λ κ°μ λ°°μ΄μ μμκ° λ μ μλ€. μ¦, μμκ°μ λ¬Όλ‘ κ°μ²΄, ν¨μ, λ°°μ΄ λ± μλ°μ€ν¬λ¦½νΈμμ κ°μΌλ‘ μΈμ νλ λͺ¨λ κ²μ λ°°μ΄μ μμκ° λ μ μλ€. μλ°μ€ν¬λ¦½νΈμ λ°°μ΄μ΄λΌλ νμ μ μ‘΄μ¬νμ§ μλλ€. λ°°μ΄μ κ°μ²΄ νμ μ΄λ€. λ°°μ΄μ λ°°μ΄ λ¦¬ν°λ΄, Array μμ±μ ν¨μ, Array.of, Array.from λ©μλλ‘ μμ±ν μ μλ€. λ°°μ΄μ μμ±μ ν¨μλ Arrayμ΄λ©°, λ°°μ΄μ νλ‘ν νμ κ°μ²΄λ Array.prototypeμ΄λ€. Array.prototypeμ λ°°μ΄μ μν λΉνΈμΈ λ©μλλ₯Ό μ 곡νλ€. λ°°μ΄μ κ°μ²΄μ§λ§ μΌλ° κ°μ²΄μλ ꡬλ³λλ λ νΉν νΉ..
26.1 ν¨μμ κ΅¬λΆ 26.2 λ©μλ ES6 μ¬μμμ λ©μλλ λ©μλ μΆμ½ ννμΌλ‘ μ μλ ν¨μλ§μ μλ―Ένλ€. ES6 μ¬μμμ μ μν λ©μλ(μ΄ν ES6 λ©μλ)λ μΈμ€ν΄μ€λ₯Ό μμ±ν μ μλ non-constructorλ€. λ°λΌμ ES6 λ©μλλ μμ±μ ν¨μλ‘μ νΈμΆν μ μλ€. ES6 λ©μλλ μΈμ€ν΄μ€λ₯Ό μμ±ν μ μμΌλ―λ‘ prototype νλ‘νΌν°κ° μκ³ νλ‘ν νμ λ μμ±νμ§ μλλ€. ES6 λ©μλλ μμ μ λ°μΈλ©ν κ°μ²΄λ₯Ό κ°λ¦¬ν€λ λ΄λΆ μ¬λ‘― [[HomeObject]]λ₯Ό κ°λλ€. super μ°Έμ‘°λ λ΄λΆ μ¬λ‘― [[HomeObject]]λ₯Ό μ¬μ©νμ¬ μνΌν΄λμ€μ λ©μλλ₯Ό μ°Έμ‘°νλ―λ‘ λ΄λΆ μ¬λ‘― [[HomeObject]]λ₯Ό κ°λ ES6 λ©μλλ super ν€μλλ₯Ό μ¬μ©ν μ μλ€. ES6 λ©μλκ° μλ ν¨μλ..
25.1 ν΄λμ€λ νλ‘ν νμ μ λ¬Έλ²μ μ€νμΈκ°? μ¬μ€ ν΄λμ€λ ν¨μμ΄λ©° κΈ°μ‘΄ νλ‘ν νμ κΈ°λ° ν¨ν΄μ ν΄λμ€ κΈ°λ° ν¨ν΄μ²λΌ μ¬μ©ν μ μλλ‘ νλ λ¬Έλ²μ μ€ν_syntactic sugar μ΄λΌκ³ λ³Ό μλ μλ€. ν΄λμ€λ μμ±μ ν¨μλ³΄λ€ μ격νλ©° μμ±μ ν¨μμμλ μ 곡νμ§ μλ κΈ°λ₯λ μ 곡νλ€. ν΄λμ€λ μμ±μ ν¨μ κΈ°λ°μ κ°μ²΄ μμ± λ°©μλ³΄λ€ κ²¬κ³ νκ³ λͺ λ£νλ€(κ·Έλ λ€κ³ ν΄λμ€κ° μλ°μ€ν¬λ¦½νΈμ λ€λ₯Έ κ°μ²΄ μμ± λ°©μλ³΄λ€ μ°μνλ€κ³ μκ°νμ§λ μλλ€). νΉν ν΄λμ€μ extendsμ super ν€μλλ μμ κ΄κ³ ꡬνμ λμ± κ°κ²°νκ³ λͺ λ£νκ² νλ€. μλ‘μ΄ κ°μ²΄ μμ± λ©μ»€λμ¦μΌλ‘ 보λ κ²μ΄ μ’ λ ν©λΉνλ€. 25.2 ν΄λμ€ μ μ ν΄λμ€λ₯Ό ννμμΌλ‘ μ μν μ μλ€λ κ²μ ν΄λμ€κ° κ°μΌλ‘ μ¬μ©ν μ μλ μΌκΈ κ°μ²΄..
A closure is the combination of a function and the lexical environment within which that function was declared ν΄λ‘μ λ ν¨μμ κ·Έ ν¨μκ° μ μΈλ λ μ컬 νκ²½κ³Όμ μ‘°ν©μ΄λ€. 24.1 λ μ컬 μ€μ½ν μλ°μ€ν¬λ¦½νΈ μμ§μ ν¨μλ₯Ό μ΄λμ νΈμΆνλμ§κ° μλλΌ ν¨μλ₯Ό μ΄λμ μ μνλμ§μ λ°λΌ μμ μ€μ½νλ₯Ό κ²°μ νλ€. μ΄λ₯Ό λ μ컬 μ€μ½ν(μ μ μ€μ½ν)λΌ νλ€. λ μ컬 νκ²½μ μμ μ μΈλΆ λ μ컬 νκ²½μ λν μ°Έμ‘°_Outer Lexical Environment Reference λ₯Ό ν΅ν΄ μμ λ μ컬 νκ²½κ³Ό μ°κ²°λλ€. μ΄κ²μ΄ λ°λ‘ μ€μ½ν 체μΈμ΄λ€. λ μ컬 νκ²½μ μΈλΆ λ μ컬 νκ²½μ λν μ°Έμ‘°μ μ μ₯ν μ°Έμ‘°κ°, μ¦ μμ μ€μ½νμ λν μ°Έμ‘°..
μ€ν 컨ν μ€νΈ_execution context λ μλ°μ€ν¬λ¦½νΈμ λμ μ리λ₯Ό λ΄κ³ μλ ν΅μ¬ κ°λ μ΄λ€. μ€ν 컨ν μ€νΈλ₯Ό λ°λ₯΄κ² μ΄ν΄νλ©΄ μλ°μ€ν¬λ¦½νΈκ° μ€μ½νλ₯Ό κΈ°λ°μΌλ‘ μλ³μμ μλ³μμ λ°μΈλ©λ κ°(μλ³μ λ°μΈλ©)μ κ΄λ¦¬νλ λ°©μ νΈμ΄μ€ν μ΄ λ°μνλ μ΄μ ν΄λ‘μ μ λμ λ°©μ νμ€ν¬ νμ ν¨κ» λμνλ μ΄λ²€νΈ νΈλ€λ¬ λΉλκΈ° μ²λ¦¬μ λμ λ°©μ μ μ΄ν΄ν μ μλ€. μ€ν 컨ν μ€νΈλ μ€νν μ½λμ μ 곡ν νκ²½ μ 보λ€μ λͺ¨μλμ κ°μ²΄ μ΄λ€. 23.1 μμ€μ½λμ νμ μ΄ 4κ°μ§ νμ μ μμ€μ½λλ μ€ν 컨ν μ€νΈλ₯Ό μμ±νλ€. μμ€μ½λ(μ€ν κ°λ₯ν μ½λexecutable code)λ₯Ό 4κ°μ§ νμ μΌλ‘ ꡬλΆνλ μ΄μ λ μμ€μ½λμ νμ μ λ°λΌ μ€ν 컨ν μ€νΈλ₯Ό μμ±νλ κ³Όμ κ³Ό κ΄λ¦¬ λ΄μ©μ΄ λ€λ₯΄κΈ° λλ¬Έμ΄λ€. 1. μ μ μ½λ μ μ..
22.1 this ν€μλ λμμ λνλ΄λ λ©μλλ μμ μ΄ μν κ°μ²΄μ μν, μ¦ νλ‘νΌν°λ₯Ό μ°Έμ‘°νκ³ λ³κ²½ν μ μμ΄μΌ νλ€. μ΄λ λ©μλκ° μμ μ΄ μν κ°μ²΄μ νλ‘νΌν°λ₯Ό μ°Έμ‘°νλ €λ©΄ λ¨Όμ μμ μ΄ μν κ°μ²΄λ₯Ό κ°λ¦¬ν€λ μλ³μλ₯Ό μ°Έμ‘°ν μ μμ΄μΌ νλ€. κ°μ²΄ 리ν°λ΄μ circle λ³μμ ν λΉλκΈ° μ§μ μ νκ°λλ€. λ°λΌμ getDiameter λ©μλκ° νΈμΆλλ μμ μλ μ΄λ―Έ κ°μ²΄ 리ν°λ΄μ νκ°κ° μλ£λμ΄ κ°μ²΄κ° μμ±λμκ³ circle μλ³μμ μμ±λ κ°μ²΄κ° ν λΉλ μ΄νλ€. λ°λΌμ λ©μλ λ΄λΆμμ circle μλ³μλ₯Ό μ°Έμ‘°ν μ μλ€. μκΈ° μμ μ΄ μν κ°μ²΄λ₯Ό μ¬κ·μ μΌλ‘ μ°Έμ‘°νλ λ°©μμ μΌλ°μ μ΄μ§ μμΌλ©° λ°λμ§νμ§λ μλ€. μμ±μ ν¨μ λ°©μμΌλ‘ μΈμ€ν΄μ€λ₯Ό μμ±νλ κ²½μ°λ₯Ό μκ°ν΄λ³΄μ. μμ±μ ν¨μμ μν κ°μ²΄ μμ±..