๊ด€๋ฆฌ ๋ฉ”๋‰ด

bom's happy life

[์›น ๊ฐœ๋ฐœ 1 ์ฃผ์ฐจ] ๊ฐœ๋ฐœ์ผ์ง€ 4 - Javascript ๊ฐœ๋… ๋ณธ๋ฌธ

Deveolpment Study๐Ÿ—‚๏ธ/Javascript

[์›น ๊ฐœ๋ฐœ 1 ์ฃผ์ฐจ] ๊ฐœ๋ฐœ์ผ์ง€ 4 - Javascript ๊ฐœ๋…

bompeach 2022. 5. 23. 22:55

09. Javascript ๋ง›๋ณด๊ธฐ

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€?

 

- ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด ์ค‘ ํ•˜๋‚˜๋กœ, ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์•Œ์•„๋“ค์„ ์ˆ˜ ์žˆ๋Š” ์–ธ์–ด์ด๋‹ค.

(ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์„œ๋ฒ„์— ์š”์ฒญํ•˜๋ฉด, ์„œ๋ฒ„๊ฐ€ ํด๋ผ์ด์–ธํŠธ์—๊ฒŒ HTML+CSS+Javascript๋ฅผ ์ค€๋‹ค)

 

์‹ค์Šต)

<์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - HTML ์—ฐ๊ฒฐ. ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด ๊ฒฝ๊ณ ์ฐฝ์ด ๋œจ๊ฒŒํ•˜๊ธฐ>

 

1. ํ•จ์ˆ˜๋งŒ๋“ค์–ด๋‘๊ธฐ

function hey( ){

    alert('์•ˆ๋…•!');

}

 

2. <head> ~ </head> ์•ˆ์— <script> ~ </script> ๋กœ ๊ณต๊ฐ„์„ ๋งŒ๋“ค์–ด ์ž‘์„ฑํ•œ๋‹ค.

<script> ~ </script> ๋‚ด์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ!

์•„๋ž˜ ์ฝ”๋“œ๋ฅผ ํ†ตํ•ด ๊ฐ„๋‹จํ•œ ์‚ฌ์šฉ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์ž.

 

 

3. ๋ฒ„ํŠผ์— ํ•จ์ˆ˜๋ฅผ ์—ฐ๊ฒฐํ•˜๊ธฐ. ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ํ•จ์ˆ˜๊ฐ€ ๋ถˆ๋ฆฐ๋‹ค.

<button onclick="hey()">์˜ํ™” ๊ธฐ๋กํ•˜๊ธฐ</button>