02-1. νλ‘κ·Έλ¨μμ μ λ ₯λ°κ³ μΆλ ₯νλ λ°©λ²
alert(), confirm(), prompt()λ‘ νμ μ°½ νμνκΈ°
alert() ν¨μ
- alertλ¬Έμ μλ¦Ό μ°½μ νμ
- alert() ν¨μμ μκ΄νΈ μμ λ©μμ§λ₯Ό μ
λ ₯νκ±°λ λ³μλ₯Ό μ¬μ©νλ©΄ μλ¦Ό μ°½μ ν
μ€νΈλ λ³μ«κ°μ νμν μ μμ
μλ¦Ό μ°½μ λ΄μ©μ νμνλ €λ©΄ alert() ν¨μμ μκ΄νΈ μμ ν°λ°μ΄νλ μμλ°μ΄νμ ν¨κΌ λ΄μ© μμ±
- μλ¦Ό μ°½μ λ΄μ©μ νμνλ €λ©΄ alert() ν¨μμ μκ΄νΈ μμ ν°λ°μ΄νλ μμλ°μ΄νμ ν¨κΌ λ΄μ© μμ±
alert("μλ
νμΈμ?")
- λ§μ½ aλΌλ λ³μμ μ«μ 10μ μ μ₯νλ€λ©΄ alert() ν¨μμ μκ΄νΈ μμ λ³μ μ΄λ¦μ μ§μ ν΄μ λ³μκ°μ νμν μ μμ
a = 10
alert(a)
confirm() ν¨μ
- [νμΈ] λ²νΌκ³Ό [μ·¨μ] λ²νΌμ΄ μμ΄μ μ¬μ©μκ° μ΄λ€ λ²νΌμ ν΄λ¦νλκ°μ λ°λΌ λ€λ₯΄κ² λμνλλ‘ ν μ μμ (→ 'νμΈ μ°½'μ΄λΌκ³ ν¨)
- μ½μ μ°½μμ μ λ ₯νμ¬ νμΈ μ°½μ [μ·¨μ] λ²νΌμ ν΄λ¦νλ©΄ falseκ° λνλ¨ → 'λ°νκ°'μ΄λΌκ³ ν¨ (λ°νκ°μ νμΈνμ¬ μ¬μ©μκ° μ΄λ€ λ²νΌμ μ ννλμ§ μ μ μμ)
-
λ보기μ½μ μ°½μ Clear Console (π« μμ΄μ½)μ ν΄λ¦νμ¬ μ½μ μ°½μ μλ μμ€λ€μ μ§μΈ μ μμ. μ΄μ μ μ λ ₯νλ μμ€λ νλ©΄μμ 보μ΄μ§ μμ λΏ, μΉ λΈλΌμ°μ μ°½μ λ«μ§ μλ ν κ³μ κ·Έ κ°μ μ μ§ν¨
prompt() ν¨μ
- prompt() ν¨μλ‘ λ§λλ ν둬ννΈ μ°½μ μ¬μ©μκ° κ°λ¨ν κ°μ μ λ ₯ν μ μλ μ°½μ
- ν둬ννΈ μ°½μ μ¬μ©μκ° μ λ ₯ν κ°μ κ°μ Έμ νλ‘κ·Έλ¨μμ μ²λ¦¬ν μ μμΌλ―λ‘ νλ‘κ·Έλ¨ μ€νμ νμν κ°λ¨ν κ°μ μ λ ₯λ°μ λ μμ£Ό μ¬μ©ν¨
- ν둬ννΈ μ°½μ λ§λ€ λ κΈ°λ³Έκ°μ μ§μ νμ§ μμΌλ©΄ λΉ ν μ€νΈ νλλ‘ νμλ¨
- μμ1
prompt("μ΄λ¦μ μ
λ ₯νμΈμ.")
- ν둬ννΈ μ°½μ μ΄λ¦μ μ λ ₯νκ³ [νμΈ] λ²νΌμ ν΄λ¦νκ±°λ Enterλ₯Ό λλ₯΄λ©΄ μ λ ₯νλ κ°μ΄ μ¦μ μ½μ μ°½μ νμλ¨
- κ·Έ κ²°κ³Ό prompt()μ λ°νκ°μ μ¬μ©μκ° μ λ ₯ν λ΄μ©μ΄ λμ΄ μ΄ λ°νκ°μ νλ‘κ·Έλ¨μ μ¬μ©ν μ μμ
- μμ2
prompt("컨νΌλ°μ€ μ°Έμ μ¬λΆ(μ/μλμ€)", "μ")
- ν둬ννΈ ν μ€νΈ νλμ κΈ°λ³Έκ° 'μ'κ° νμλ¨. μ¬μ©μλ μ΄ κΈ°λ³Έκ°μ μ§μ΄ ν λ€λ₯Έ λ΄μ©μ μ λ ₯ν΄λ λ¨
- ν둬ννΈ μ°½μ κ°μ μ λ ₯νμ§ μκ³ κ·Έλλ‘ [μ·¨μ] λ²νΌμ ν΄λ¦νλ©΄ nullμ΄ λ°νλ¨
β» μ½μ μ°½μ μκΎΈ undefinedκ° λνλ λ
- μ½μ μ°½μμ alert λ¬Έμ μ€ννμ λλ undefinedκ°, confirm λ¬Έμ΄λ propmt λ¬Έμ μ€ννμ λλ λ°νκ°μ΄ λνλ¨
- λνλλ μ΄μ : μ½μ μ°½μμ μ€νν λͺ λ Ήμ΄ λ°ννλ κ°μ΄ μκΈ° λλ¬Έ
→ confirm λ¬Έμ trueλ flaseλ₯Ό λ°ν, prompt λ¬Έμ μ¬μ©μκ° μ λ ₯ν κ°μ΄ λνλ¨. νμ§λ§ alert λ¬Έμ μκ΄νΈ μμ λ΄μ©μ κ·Έλλ‘ μλ¦Ό μ°½μ νμν λΏ λ°ννλ κ°μ΄ μμ
console.log()λ‘ κ°λ¨ν κ²°κ³Ό νμΈνκΈ°
- κ°λ¨νκ² ν μ€νΈλ‘ λ³΄μ¬ μ£Όλ λͺ λ Ή
- μ½μ μ°½μ λ©μμ§λ₯Ό νμνλ €λ©΄ ν°λ°μ΄ν μμ λ©μμ§λ₯Ό μ λ ₯ν΄μΌ ν¨
- λ³μμ ν¨κ» λ΄μ©μ μ°κ²°ν΄μ νμν μλ μμ → μ°κ²° μ°μ°μ(+)λ₯Ό μ¬μ©ν΄λ λκ³ , 'ν νλ¦Ώ 리ν°λ΄'μ΄λΌλ λ¬Έλ²μ μ¬μ©ν΄λ λ¨
console.log("μλ°μ€ν¬λ¦½νΈλ₯Ό κ³΅λΆ μ€μ
λλ€.") // ν°λ°μ΄ν μ¬μ©
// μ°κ²° μ°μ°μ μ¬μ©
name = "λλ λ―Έ"
console.log(name + "λμ μλ°μ€ν¬λ¦½νΈλ₯Ό κ³΅λΆ μ€μ
λλ€.")
document.write()λ‘ μΉ λΈλΌμ°μ μ°½μ λ΄μ© νμνκΈ°
- μκ΄νΈ μμ λ΄μ©μ μΉ λΈλΌμ°μ μ°½μ νμν΄ μ€
- (μ€μ μΉ λΈλΌμ°μ μ°½μ λ΄μ©μ νμν λλ DOMμ μ΄μ©ν΄ μνλ μμΉλ₯Ό μ§μ ν΄μΌν¨)(νμ λ°°μΈ μμ )
- document.write() ν¨μλ console.log() μμμ λ§μ°¬κ°μ§λ‘ μ°κ²° μ°μ°μ(+)λ₯Ό μ¬μ©ν μλ μκ³ , ν νλ¦Ώ 리ν°λ΄μ μ¬μ©ν μλ μμ
name = "λλ λ―Έ"
document.write("μ μ΄λ¦μ " + name + "μ
λλ€.")
02-2. νλ‘κ·Έλ¨κ³Ό μΉν΄μ§λ €λ©΄ λ³μλΆν° μ΅νμ
λ³μ
- 'νλ‘κ·Έλ¨μμ μ¬μ©νκΈ° μν΄ κ°μ λ΄μ λλ λ°κ΅¬λ'λΌκ³ μκ°νμ
- μΌλ°μ μΌλ‘ λ³μλ νλ‘κ·Έλ¨ μμμ κ°μ΄ λ¬λΌμ§ μ μλ λ°μ΄ν°λ₯Ό κ°λ¦¬ν΄ (κ°μ΄ λ°λμ§ μλ λ³μ: μμ)
- μλ°μ€ν¬λ¦½νΈμμλ νλ‘κ·Έλ¨ μμμ κ³μ κ°μ΄ λ°λμ§ μλλΌλ λ³μλ₯Ό λ§λ€μ΄ μ¬μ©ν¨
β» μλ°μ€ν¬λ¦½νΈμμ λ³μ μ΄λ¦μ μ§μ ν κ²½μ°μ κ·μΉ 1. λ³μ μ΄λ¦μ μ«μλ‘ μμν μ μκ³ μ΄λ¦ μμ κ³΅λ°±μ΄ ν¬ν¨λμ΄ μμΌλ©΄ μλλ€. 2. current, _current, $current // μ¬μ©κ°λ₯ 25current, curr ent, current* // μ¬μ©λΆκ°λ₯ 3. μλ°μ€ν¬λ¦½νΈλ μλ¬Έμμ λμλ¬Έμλ₯Ό ꡬλ³νλ€. λ°λΌμ currentμ Current, CURRENTλ λͺ¨λ λ€λ₯Έ μ΄λ¦μ΄λ€. 4. μλ°μ€ν¬λ¦½νΈμμ ν λ¨μ΄λ‘ μ΄λ£¨μ΄μ§ λ³μλ₯Ό μ¬μ©ν λλ μ£Όλ‘ μλ¬Έμμ μλ¬Έμλ₯Ό μ¬μ©νκ³ , λ λ¨μ΄ μ΄μμΌλ‘ μ΄λ£¨μ΄μ§ λ³μλ₯Ό μ¬μ©ν λλ tatal_areaμ²λΌ μΈλλ°λ‘ μ°κ²°νκ±°λ totalAreaμ²λΌ μ€κ°μ μλ¬Έμμ λλ¬Έμλ₯Ό μμ΄ μ¬μ©νλ€. 5. let λ± μλ°μ€ν¬λ¦½νΈμμ 미리 μ ν΄ λμ μμ½μ΄λ λ³μ μ΄λ¦μΌλ‘ μ¬μ©ν μ μλ€. 6. 무μλ―Έν λ³μ μ΄λ¦μ νΌνλ€. |
λ³μ μ μΈνκ³ κ° ν λΉνκΈ°
λ³μ μ μΈ
- λ³μ(κ°μ λ³κ²½ν μ μμ)λΌλ©΄ μμ½μ΄ let, μμ(κ°μ΄ λ°λμ§ μμ)λΌλ©΄ μμ½μ΄ constλ₯Ό μ°κ³ λ€μ λ³μ μ΄λ¦μ μ μ
let λ³μλͺ
const λ³μλͺ
λ³μμ κ° ν λΉνκΈ°
- = κΈ°νΈλ₯Ό μ¬μ©ν΄ λ³μμ κ°μ μ μ₯ν μ μμ
- λ³μλ₯Ό μ μΈ ν μ κ°μ λ°λ‘ μ μΈν μ μκ³ , λ³μλ₯Ό μ μΈνλ©΄μ κ°μ λμμ ν λΉν μλ μμ
// λ³μ μ μΈ ν κ° ν λΉ
let sum;
sum = 10;
// λ³μ μ μΈκ³Ό κ° λμ ν λΉ
lent sum = 10;
- letμ λ³μ μ μΈκ³Ό ν λΉμ ν ν λ€λ₯Έ κ°μ λ€μ ν λΉ νλ©΄ κ°μ΄ λ°λλ€.
- constλ λ³μ μ μΈκ³Ό ν λΉμ ν ν λ€λ₯Έ κ°μ λ€μ ν λΉ νλ©΄ μ€λ₯κ° λ°μνλ€.(constλ ν λ² κ°μ΄ μ μ₯λλ©΄ κ·Έ κ°μ΄ λ°λμ§ μμΌλ―λ‘)
λ³μ μ μΈν μμκ° νμν μ΄μ
- νλ‘κ·Έλ¨μμ κ°μ κ°μ μ¬λ¬ λ² μ¬μ©ν κ²½μ° μμ μμμλ€κ° κ°μ ν λΉν΄ λκ³ κ·Έ μμλ₯Ό κ°μ Έμ μ¬μ©ν¨
varμ λ³μ νΈμ΄μ€ν
- μν¬λ§μ€ν¬λ¦½νΈ 2015 μ΄μ μλ λ³μ μ μΈ μ var μμ½μ΄λ₯Ό μ¬μ©ν¨
- μ§κΈλ μ¬μ©νμ§λ§, 'νΈμ΄μ€ν (hoisting)'μ΄λΌλ κ°λ μ μ‘°μ¬ν΄μΌν¨
- νΈμ΄μ€ν : λμ΄μ¬λ¦°λ€. (→ μν©μ λ°λΌ λ³μμ μ μΈ λΆλΆμ μ€μ½νμ κ°μ₯ μμͺ½μΌλ‘ λμ΄μ¬λ¦¬λ κ²)
var x = 10;
var sum = x + y;
var y = 20;
console.log(sum) // μ€ν → NAN (Nao A Number)
- y μ μΈ μ x+yκ° μ€νλ¨. sumμ μ€ν μν€λ©΄ μ€λ₯κ° λ°μνμ§ μκ³ Nanμ΄ νμλλ€. (→ νΈμ΄μ€ν )
- μλ°μ€ν¬λ¦½νΈλ ν΄μκΈ°κ° ν¨μ μμ€λ₯Ό νμ΄λ³΄λ©΄μ λ³μλ₯Ό λ°λ‘ κΈ°μ΅ν΄ λ (μ¦, λ³μλ₯Ό μ¬μ©νκΈ° μ κΈ°μ΅ν΄λλ―λ‘μ¨ μ μΈν κ²κ³Ό κ°μ ν¨κ³Όλ₯Ό κ°μ§λλ°, μ΄κ²μ΄ λ°λ‘ νΈμ΄μ€ν μ)
μμ μ½λλ μλμ κ°μ λ°©μμΌλ‘ μ²λ¦¬λ¨
var x = 10;
var y;
var sum = x + y;
y = 20;
console.log(sum)
- letμ΄λ constλ₯Ό μ¬μ©ν κ²½μ°, λ³μλ₯Ό μ μΈ μ μ μ¬μ©νλ©΄ μ€λ₯κ° λ°μν¨ (λ³μ μ μΈλ³΄λ€ λ³μ μ¬μ© μμ€κ° λ¨Όμ μ€λ μν©μ κ³ μΉ μ μμ)
- varλ₯Ό μ¬μ©νμ κ²½μ°, νΈμ΄μ€ν μ΄ λ°μνλ©΄ μ€λ₯ μμ΄ κ²°κ³Όκ°μ΄ μμν κ²κ³Ό λ€λ₯΄κ² λνλλ―λ‘ μ€λ₯λ₯Ό μ°ΎκΈ° μ΄λ €μμ§ → λ³μλ₯Ό μ μΈν λ varλ₯Ό μ¬μ©νμ§ λ§μμΌνλ μ΄μ
λ³μ μ¬μ μΈνκ³ μ¬ν λΉνκΈ°
- varλ₯Ό μ¬μ©ν λ³μλ μ¬μ μΈκ³Ό μ¬ν λΉ κ°λ₯
function add(a, b){
return a+b;
}
var sum = add(10, 20);
console.log(sum) // 30
var sum = 100; // var λ³μλ μ¬μ μΈ, μ¬ν λΉ κ°λ₯
console.log(sum) // 100
- λ€μ sum λ³μλ₯Ό μ μΈνλ©΄ κΈ°μ‘΄ κ°μ΄ μ¬λΌμ§λ©΄μ, sum λ³μκ° μλ‘κ² λ§λ€μ΄μ§(μ¦, λ³μλ₯Ό μ¬μ μΈνκ³ μλ‘μ΄ κ°μ μ¬ν λΉν¨)
- κ°λ¨ν μμ€λ©΄ κΈ°μ΅ν μ μμ§λ§, 볡μ‘νλ©΄ μ€μλ‘ κ°μ μ΄λ¦μ κ°μ§ λ³μλ₯Ό μ¬μ μΈν μ μμ
→ letμ΄λ const μμ½μ΄λ₯Ό μ¬μν λ³μμμλ μ€λ₯κ° λ°μνλ―λ‘ λ³μ μ¬μ μΈμ νμ©νμ§ μμ
- let λ³μλ κ°μ λ³κ²½ν μ μμΌλ―λ‘ μ¬ν λΉ κ°λ₯
- const λ³μλ μ¬μ μΈ, μ¬ν λΉ λΆκ°λ₯
μμ½μ΄ | μ μΈνμ§ μκ³ μ¬μ©ν κ²½μ° | μ¬μ μΈ | μ¬ν λΉ |
var | μ€λ₯ μμ(νΈμ΄μ€ν λ°μ) | O | O |
let | μ€λ₯ λ°μ | X | O |
const | μ€λ₯ λ°μ | X | X |
02-3. μ»΄ν¨ν°κ° μΈμμ 보λ λ°©λ², μλ£ν
typeof() ν¨μ
- μλ°μ€ν¬λ¦½νΈμ 미리 λ§λ€μ΄μ Έ μλ ν¨μ
- μκ΄νΈ μμ κ°μ΄λ λ³μλ₯Ό λ£μΌλ©΄ μ΄λ€ μλ£νμΈμ§ μλ €μ€
typeof(κ° λλ λ³μ)
let data = 5
typeof(data) // "number"
μ«μν
- ν°λ°μ΄νκ° μμ΄ μ λ ₯νλ©΄ μ«μλ‘ μΈμ (λ°μ΄νλ‘ λ¬ΆμΌλ©΄ λ¬Έμμ΄λ‘ μ΄μ)
typeof(10) // 'number'
typeof("10") // 'string'
typeof(3.145) // 'number'
μλ°μ€ν¬λ¦½νΈμμ 0.1+02λ 0.30000000000000004 → 볡μ‘νκ±°λ μ λ°ν κ³μ°μ μλ°μ€ν¬λ¦½νΈλ₯Ό μ¬μ©νμ§ μλκ²μ΄ μ’μ
λ¬Έμμ΄
- λ¬Έμμ΄ λλ string μλ£νμ μμλ°μ΄ν(')λ ν°λ°μ΄ν(")λ‘ λ¬Άμ λ°μ΄ν°λ₯Ό μλ―Έ
typeof("μλ
νμΈμ?") // 'string'
typeof("10") // 'string'
typeof("") // 'string', λΉ λ¬Έμμ΄
νΉμ κΈ°νΈ νμνκΈ°
- νΉμ λ¬Έμ('λ " λ±)λ₯Ό νμνλ €λ©΄ λ°±μ¬λμ(\) λ€μ μ λ ₯ν΄μΌ ν¨
κ΅μ¬: Do it! λͺ¨λ μλ°μ€ν¬λ¦½νΈ νλ‘κ·Έλλ°μ μ μ
'Study > JavaScript' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
[λͺ¨λμλ°μ€ν¬λ¦½νΈ]06 μ΄λ²€νΈμ μ΄λ²€νΈ μ²λ¦¬κΈ° (0) | 2023.03.29 |
---|---|
[λͺ¨λμλ°μ€ν¬λ¦½νΈ]05 DOMμ κΈ°μ΄ (0) | 2023.03.23 |
[λͺ¨λμλ°μ€ν¬λ¦½νΈ]04 νλ‘κ·Έλλ° νλ° λ λκ°κΈ°, ν¨μμ μ€μ½ν (0) | 2023.03.22 |
[λͺ¨λμλ°μ€ν¬λ¦½νΈ]03 μ°μ°μμ μ μ΄λ¬Έ (0) | 2023.03.21 |
[λͺ¨λμλ°μ€ν¬λ¦½νΈ]01 μλ°μ€ν¬λ¦½νΈ μμνκΈ° (0) | 2023.01.19 |