HTML + CSS + JS

11-2. JS μžλ°”μŠ€ν¬λ¦½νŠΈ κΈ°λ³Έ μš©μ–΄μ™€ μž…μΆœλ ₯ (alert, confirm, prompt, document.write, console.log )

초보보 ν˜œμ§„ 2021. 10. 18. 11:59
728x90

1. alert 

alertλŠ” μ•Œλ¦Όμ°½μœΌλ‘œ κ°€μž₯ 많이 μ‚¬μš©ν•˜λŠ” κ°„λ‹¨ν•œ λŒ€ν™” μƒμžμ΄λ‹€. 

 

 

2. confirm

confirm 은 ν™•μΈμ°½μœΌλ‘œ μ‚¬μš©μžκ°€ [확인] μ΄λ‚˜ [μ·¨μ†Œ] λ²„νŠΌ μ€‘μ—μ„œ 직접 클릭할 수 μžˆλ‹€. 

 

3. prompt

ν”„λ‘¬ν”„νŠΈ 창은 ν…μŠ€νŠΈ ν•„λ“œκ°€ μžˆλŠ” 창이닀.

이 ν…μŠ€νŠΈ ν•„λ“œ μ•ˆμ— κ°„λ‹¨νžˆ λ©”μ‹œμ§€λ₯Ό μž…λ ₯ν•  μˆ˜λ„ 있고, κ·Έ λ©”μ‹œμ§€λ₯Ό 가져와 ν”„λ‘œκ·Έλž¨μ—μ„œ μ‚¬μš©ν•  μˆ˜λ„ μžˆλ‹€. 

κΈ°λ³Έκ°’μœΌλ‘œ 'μ•„λ¬΄κ°œ' μ§€μ •
κΈ°λ³Έκ°’ μ—†λŠ” 경우

 

 

4. document.write() 

document.write()λŠ” μ›Ή λ¬Έμ„œμ—μ„œ κ΄„ν˜Έ μ•ˆμ˜ λ‚΄μš©μ„ ν‘œμ‹œν•˜λŠ” λͺ…령문이닀. 

이 λͺ…령문은 λ‹¨μˆœνžˆ λΈŒλΌμš°μ € ν™”λ©΄μ—μ„œ 결과값을 ν™•μΈν•˜λŠ” μš©λ„λ‘œ 많이 μ‚¬μš©ν•œλ‹€. 

ν…μŠ€νŠΈν•„λ“œλ‘œ 이름 μž…λ ₯λ°›κ³  좜λ ₯

5. console.log

console.log() 문은 κ΄„ν˜Έ μ•ˆμ˜ λ‚΄μš©μ„ μ½˜μ†” 창에 ν‘œμ‹œν•œλ‹€. 

μ½˜μ†” 창은 μ›Ή λΈŒλΌμš°μ €μ˜ 개발자 도ꡬ 창에 ν¬ν•¨λ˜μ–΄ μžˆλŠ” κ³΅κ°„μœΌλ‘œ μ½˜μ†”μ°½μ—μ„œ μ†ŒμŠ€ μ½”λ“œμ˜ 였λ₯˜λ₯Ό λ°œκ²¬ν•˜κ±°λ‚˜ λ³€μˆ˜κ°’μ„ 확인할 수 μžˆλ‹€. 

κ°œλ°œμžλ„κ΅¬μ—μ„œ console둜 확인가λŠ₯ 

 

 

 

 

 

 

 

728x90