220804(λͺ©)
πͺ΄ μ±μ₯μΌμ§
μ±
ν볡ν μ΄κΈ°μ£Όμμ(μ¨μΈ λ€μ΄μ΄)
μ λ΄μ©μ μκ·Ήλ°μ μμνλ μλ°ν μ±μ₯κΈ°λ‘
μ΄μμλ κ½κ³Ό μ£½μ κ½μ μ΄λ»κ² ꡬλ³νλκ°?
μ±μ₯νκ³ μλ κ²μ΄ μ΄μ μλ κ²μ΄λ€.
μλͺ μ μ μΌν μ¦κ±°λ μ±μ₯μ΄λ€!
π³ ν€μλ
JavaScript
λΈλΌμ°μ μ μ΅μνμ μνΈμμ©μ νλ ν¨μ
- alert
- prompt
- confirm
λͺ¨λ¬ μ°½ : μμ ν¨μλ₯Ό μ€ννμ λ λμ€λ μμ μ°½μΌλ‘ λͺ¨λ¬ μ°½μ΄ λ μλ λμμ
μ€ν¬λ¦½νΈ μ€ν μΌμμ€λ¨
html
class μ¬μ©λ²
- μ¬λ¬ κ°μ νκ·Έλ₯Ό λ¬Άμ΄μ€ λ
- νκ·Έμ νΉμ ν μν μ λΆμ¬ν λ
<div id="screen" class="waiting">κΈ°λ€λ¦΄ λμ νλ©΄</div>
JavaScript
μλ°μ€ν¬λ¦½νΈμμ class λ€λ£¨κΈ°
tag.classList.contains('A'); // AλΌλ ν΄λμ€λ₯Ό κ°κ³ μλμ§
tag.classList.add('B', 'C'); // B, C ν΄λμ€ μΆκ°
tag.classList.remove('A', 'B'); // A, B ν΄λμ€ μ κ±°
tag.classList.replace('C', 'Jayden'); // C ν΄λμ€λ₯Ό JaydenμΌλ‘ λ체
JavaScript
Date
// νμ¬ μκ°μ λ³μμ ν λΉ
let nowTime = new Date();
// 2022λ
1οΈβ£ μ 27μΌ 18μ 30λΆ 5μ΄ νννκΈ° π 'μ'μ 0λΆν° μμ
let specificTime = new Date(2022, 0, 27, 18, 30, 5);
JavaScript
reduce ν¨μ
reduceλ λ¨μν λ§μ
μ μν ν¨μκ° μλ! ν¨μ¬ λ κ°λ ₯ν κΈ°λ₯μ κ°μ§.
reduceμ λν μ΄ν΄λ₯Ό λ°λ‘ ν κ²! μ λ§ νμ©λκ° λμ ν¨μ!
let arr = [1, 2, 3, 4, 5];
// μ΄κΉκ° μλ κ²½μ°(accκ° 1λΆν°, curμ 2λΆν°, π indexλ curμ κΈ°μ€μΌλ‘ νκΈ° λλ¬Έμ 1λΆν° μμν©λλ€.)
arr.reduce((acc, cur, index) => acc + cur);
// μ΄κΉκ° μλ κ²½μ°(accλ 0λΆν°, curμ 1λΆν° λ°λΌμ indexλ 0λΆν°)
arr.reduce((acc, cur, index) => acc + cur, 0);
// reduceλ₯Ό μ΄μ©ν΄μ λ°°μ΄μ κ°μ²΄λ‘ λ§λ€κΈ°
let friends = ['μ² μ', 'μν¬', '짱ꡬ', '맹ꡬ'];
friends.reduce((acc, cur, index) => {
acc[index] = cur;
return acc;
}, {});
----{ 0: 'μ² μ', 1: 'μν¬', 2: '짱ꡬ', 3: '맹ꡬ' };