๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
JAVASCRIPT

๊ธฐ๋ณธ ๊ทœ์น™

by _ํ† ๋งคํ†  2022. 7. 20.
728x90

๊ธฐ๋ณธ ๊ทœ์น™

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋‹ค๋ฃจ๊ธฐ ์œ„ํ•ด์„œ๋Š” ๊ธฐ์ดˆ์ ์ธ ํŠน์ง•๊ณผ ๊ธฐ๋ณธ ๋ฌธ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ€์žฅ ๊ธฐ๋ณธ์ด๊ธฐ ๋•Œ๋ฌธ์— ์ด ๋ถ€๋ถ„์„ ์ˆ™์ง€ํ•˜๊ณ  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ณต๋ถ€ํ•˜์„ธ์š”!


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

JavaScript๋Š” ์›น ํŽ˜์ด์ง€์—์„œ ๋ณต์žกํ•œ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ž…๋‹ˆ๋‹ค.
HTML์€ ์ •์ ์ธ ๋ ˆ์ด์•„์›ƒ์„ ํ‘œํ˜„ํ•œ๋‹ค๋ฉด, JavaScript๋Š” ๋™์ ์ธ ๊ธฐ๋Šฅ์„ ํ‘œํ˜„ํ•ฉ๋‹ˆ๋‹ค.

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” 1995๋…„ ๋„ท์Šค์ผ€์ดํ”„ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์˜ ๋ธŒ๋ Œ๋˜ ์•„์ดํฌ๊ฐ€ ๊ฐœ๋ฐœํ•˜์˜€์Šค๋ฉฐ Netscape Navigsator2.0์— ๊ตฌํ˜„๋˜์—ˆ์Šต๋‹ˆ๋‹ค. 1996๋…„์—๋Š” ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ์‚ฌ์˜ Internet Explorer3.0 ํƒ‘์žฌ๋˜์—ˆ์œผ๋ฉฐ java ์• ํ”Œ๋ฆฟ์œผ๋กœ ๊ตฌํ˜„๋œ ์›น ๋ธŒ๋ผ์šฐ์ €์˜ ์ง€์ง€๋ถ€์ง„ํ•œ ๋ณด๊ธ‰๊ณผ ๋งž๋ฌผ๋ ค ๋น ๋ฅด๊ฒŒ ๋ณด๊ธ‰๋˜์—ˆ์Šต๋‹ˆ๋‹ค. 1997๋…„๋ถ€ํ„ฐ ESMAScript๋ฅผ ๋”ฐ๋ฅด๋Š” ํ‘œ์ค€ํ™” ์ž‘์—…์„ ํ†ตํ•ด ํ˜„์žฌ๋Š” ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง€์›๋ฉ๋‹ˆ๋‹ค.

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธ ๊ทœ์น™

1. ์„ธ๋ฏธ์ฝœ๋ก  ;

ํ•˜๋‚˜์˜ ์‹คํ–‰๋ฌธ์ด ๋๋‚˜๋ฉด ๋งˆ์ง€๋ง‰์— ์„ธ๋ฏธ์ฝœ๋ก (;)์„ ๋ถ™์—ฌ ์ค๋‹ˆ๋‹ค. ์„ธ๋ฏธ์ฝœ๋ก (;)์„ ๋ถ™์—ฌ์ฃผ์ง€ ์•Š์•„๋„ ์ƒ๊ด€ ์—†์Šต๋‹ˆ๋‹ค.

var num = 5;
document.write(num);

2. ๋Œ€์†Œ๋ฌธ์ž

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋ช…๋ น์–ด์˜ ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ณ„ํ•ฉ๋‹ˆ๋‹ค.
console๊ณผ Console์€ ๊ฐ๊ฐ ๋‹ค๋ฅธ ๋ฌธ์ž์—ด๋กœ ์ฒ˜๋ฆฌ๋ฉ๋‹ˆ๋‹ค.

3. ๋“ค์—ฌ์“ฐ๊ธฐ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ฐ€๋…์„ฑ์„ ์œ„ํ•˜์—ฌ ๋“ค์—ฌ์“ฐ๊ธฐ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

4. ์ฃผ์„

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฃผ์„์€ ์ผ๋ฐ˜์ ์œผ๋กœ ํŠน์ • ์ฝ”๋“œ์— ๋Œ€ํ•œ ์„ค๋ช…์„ ์ž…๋ ฅํ•˜๊ฑฐ๋‚˜ ํŠน์ •ํ•œ ๋ถ€๋ถ„์˜ ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋˜์ง€ ์•Š๋„๋ก ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
์ฃผ์„ํ‘œ์‹œ๋Š” ํ”„๋กœ๊ทธ๋žจ์— ์˜ํ–ฅ์„ ๋ฏธ์น˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.


์ถœ๋ ฅํ•˜๋Š” ๋ฐฉ๋ฒ•

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ์ถœ๋ ฅํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์—ฌ๋Ÿฌ๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ถ„๋ฅ˜ ๋ฉ”์„œ๋“œ
์ž…๋ ฅ prompt
์ถœ๋ ฅ document.write()
alert()
console.log()
ํ™•์ธ confirm

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์€ 1. ์™ธ๋ถ€ํŒŒ์ผ ์—ฐ๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ• 2. ์Šคํฌ๋ฆฝํŠธ ํƒœ๊ทธ์— ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• 3. ํƒœ๊ทธ์— ์ง์ ‘ ๊ธฐ์ˆ ํ•˜๋Š” ๋ฐฉ๋ฒ• ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Javasript</title>
    <!-- 1. ์™ธ๋ถ€ ํŒŒ์ผ๋กœ ๋กœ๋“œํ•˜๋Š” ๋ฐฉ๋ฒ• -->
    <script type="text/Javasript" src="js/script.js"></script>
    <!-- 2. script ํƒœ๊ทธ ์‚ฌ์ด์— ๊ธฐ์ˆ ํ•˜๋Š” ๋ฐฉ๋ฒ• -->
    <script>
        document.write("Javasript");
    </script>
</head>
<body>
    <!-- 3. ํƒœ๊ทธ์— ์ง์ ‘ ๊ธฐ์ˆ ํ•˜๋Š” ๋ฐฉ๋ฒ• -->
    <a href="#" onclick="alert('Javasript')"></a>
</body>
</html>
728x90

'JAVASCRIPT' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

ํ•จ์ˆ˜  (4) 2022.07.26
๋ฐ์ดํ„ฐ ํƒ€์ž…  (3) 2022.07.26
์กฐ๊ฑด๋ฌธ  (3) 2022.07.26
๋ฐ˜๋ณต๋ฌธ  (12) 2022.07.21
์—ฐ์‚ฐ์ž  (13) 2022.07.20

๋Œ“๊ธ€


Lucky Charms Rainbow
js
html
css