πŸͺ΄ μ„±μž₯일지

μ±… ν–‰λ³΅ν•œ 이기주의자(웨인 닀이어)의 λ‚΄μš©μ— μžκ·Ήλ°›μ•„ μ‹œμž‘ν•˜λŠ” μ†Œλ°•ν•œ μ„±μž₯기둝

μ‚΄μ•„μžˆλŠ” 꽃과 죽은 꽃은 μ–΄λ–»κ²Œ κ΅¬λ³„ν•˜λŠ”κ°€?
μ„±μž₯ν•˜κ³  μžˆλŠ” 것이 μ‚΄μ•„ μžˆλŠ” 것이닀.
생λͺ…μ˜ μœ μΌν•œ μ¦κ±°λŠ” μ„±μž₯이닀!

🌳 ν‚€μ›Œλ“œ

JavaScriptλΈŒλΌμš°μ €μ™€ μ΅œμ†Œν•œμ˜ μƒν˜Έμž‘μš©μ„ ν•˜λŠ” ν•¨μˆ˜

  • alert
  • prompt
  • confirm

λͺ¨λ‹¬ μ°½ : μœ„μ˜ ν•¨μˆ˜λ₯Ό μ‹€ν–‰ν–ˆμ„ λ•Œ λ‚˜μ˜€λŠ” μž‘μ€ 창으둜 λͺ¨λ‹¬ 창이 λ– μžˆλŠ” λ™μ•ˆμ€ 슀크립트 μ‹€ν–‰ μΌμ‹œμ€‘λ‹¨

htmlclass μ‚¬μš©λ²•

  1. μ—¬λŸ¬ 개의 νƒœκ·Έλ₯Ό 묢어쀄 λ•Œ
  2. νƒœκ·Έμ— νŠΉμ •ν•œ 역할을 λΆ€μ—¬ν•  λ•Œ
<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으둜 λŒ€μ²΄

JavaScriptDate

// ν˜„μž¬ μ‹œκ°μ„ λ³€μˆ˜μ— ν• λ‹Ή
let nowTime = new Date();
// 2022λ…„ 1️⃣ μ›” 27일 18μ‹œ 30λΆ„ 5초 ν‘œν˜„ν•˜κΈ° 🌟 'μ›”'은 0λΆ€ν„° μ‹œμž‘
let specificTime = new Date(2022, 0, 27, 18, 30, 5);

JavaScriptreduce ν•¨μˆ˜

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: '맹ꡬ' };