๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
javascript๐Ÿช“/javascript ์ˆ˜์—…

JavaScrip html ๋‚ด๋ถ€ ์Šคํฌ๋ฆฝํŠธ ์ ์šฉ์œ„์น˜ ๊ตฌ๊ธ€์ฝ˜์†”ํ™•์ธ

by hyojinny 2022. 10. 11.
์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ๋ฅผ html ์— ์ ์šฉํ• ๋•Œ!

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ html ์ ์šฉ์œ„์น˜

 

  <script> ํƒœ๊ทธ์œ„์น˜๋Š” ๋งจ๋ฐ‘ body ์ข…๋ฃŒ ํƒœ๊ทธ ์œ„๊ฐ€  ์ข‹๋‹ค.

-๋‚ด์šฉ์ด ๋งŽ์€๊ฒƒ์€ ํŒŒ์ผ๋กœ ๋”ฐ๋กœ ์ƒ์„ฑ

- ๊ฐ„๋‹จํ•œ ๊ธฐ๋Šฅ ๊ตฌํ˜„์‹œ ์Šคํฌ๋ฆฝํŠธ ํƒœ๊ทธ๋Š” ๋งจ ๋ฐ‘์—๋‹ค๊ฐ€ ์ž‘์„ฑ

 


์ž‘์„ฑ๋ฒ•

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ณ€์ˆ˜๋ฅผ ์ž…๋ ฅํ• ๋• ์นด๋ฉœํ‘œ๊ธฐ๋ฒ•(์ค‘๊ฐ„๋Œ€๋ฌธ์ž)์„ ์‚ฌ์šฉํ•œ๋‹ค.
var ๋ณ€์ˆ˜  userName ๋ณ€์ˆ˜ ์ด๋ฆ„ ์นด๋ฉœํ‘œ๊ธฐ๋ฒ• = 'ํ™‘๋”ฐ์Œํ‘œ์‚ฌ์šฉ'
var userName = 'ossa';
 
ํ™‘๋”ฐ์Œํ‘œ ์•ˆ์— ํ™‘๋”ฐ์Œํ‘œ ๋ถˆ๊ฐ€ / ์Œ๋”ฐ์Œํ‘œ ๊ฐ€๋Šฅํ•จ
๋”ฐ์Œํ‘œ ์˜ˆ์ œ : var userName = '<ul class="gnd"></ul>' 
 
 
๊ฐ์ฒด

 

 ๋ณ€์ˆ˜์ž‘์„ฑ์‹œ ๊ฐ์ฒด๊ฐ€ ์ž๋™์œผ๋กœ ๋‚˜์˜ด

console (์ฝ˜์†”) method (๋ฉ”์„œ๋“œ)์— log(๋กœ๊ทธ) ๊ฐ์ฒด๋ฅผ ๋ถ€๋ฅธ๋‹ค

 

 

 

 

 

 

 

๋ฌธ์žฅ๋์—๋Š” ์„ธ๋ฏธํด๋ก  ;

ํ‚ค์›Œ๋“œ (์˜ˆ์•ฝ์–ด) var

๋ฌธ์žฅ ๋์—๋Š” ์„ธ๋ฏธ์ฝœ๋ก (;)์„ ์ ์–ด์„œ ๋ฌธ์žฅ์˜ ๋์„ ์•Œ๋ฆผ

 


์˜ˆ์•ฝ์–ด

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ‚ค์›Œ๋“œ (์˜ˆ์•ฝ์–ด) ์•ž์œผ๋กœ ์ฐจ์ฐจ ๋ฐฐ์šธ ์˜ˆ์ •..

 

 


์ฃผ์„์ฒ˜๋ฆฌ

 

์—ฌ๋Ÿฌ์ค„ ์ฃผ์„์€ alt+shift+a (๋น„์ถ”์ฒœ)

๊ทธ๋ƒฅ ํ‰๋ฒ”ํ•˜๊ฒŒ ์ฃผ์„์ฒ˜๋ฆฌํ•˜์ž ^^

 

 


์˜ค๋ฅ˜ํ™•์ธ

 

 

์ž‘์„ฑํ•œ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ์˜ ์ฝ˜์†” ๋ฐ ์˜ค๋ฅ˜๋ฅผ ํ™•์ธํ•˜๊ณ  ์‹ถ์„๋•Œ

๊ตฌ๊ธ€ ๊ฐœ๋ฐœ์ž ๋ชจ๋“œ console ์—์„œ ํ™•์ธ๊ฐ€๋Šฅํ•˜๋‹ค.

 

 

๋Œ“๊ธ€