[ํ˜ผ๊ณตJS๐Ÿ“’] Chapter01. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐœ์š”

Camelliaยท2022๋…„ 1์›” 16์ผ
2

๊ณต๋ถ€์งค

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ๋Œ€ํ•œ ๊ธฐ์ดˆ ์ง€์‹์ด ๋ถ€์กฑํ•˜๋‹ค๊ณ  ๋Š๊ปด ํ˜ผ๊ณต๋‹จ ๋ชจ์ง‘์— ์‹ ์ฒญํ–ˆ๋‹ค.
๋ฐ”๋‹ฅ๋‚œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ง€์‹์„ ์ด๋ฒˆ ๊ธฐํšŒ์— ์ฑ„์šฐ๊ณ  ์‹ถ๋‹ค.
๋น ์ƒค!

1์ฃผ์ฐจChapter๊ธฐ๋ณธ ๋ฏธ์…˜์„ ํƒ ๋ฏธ์…˜
1์ฃผ์ฐจChapter01 - 02p.54์˜ <ํŒŒ์ผ ๋งŒ๋“ค๊ณ  ์ €์žฅํ•ด ์‹คํ–‰ํ•˜๊ธฐ>์—์„œ 'Hello World' ์ถœ๋ ฅํ•˜๊ธฐChapter0 01(01-01)ํ™•์ธ ๋ฌธ์ œ 1๋ฒˆ ์ƒ์„ธํ•˜๊ฒŒ ์ ๊ณ  ์ธ์ฆ์ƒท


01-1. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ™œ์šฉ

โœ… ์„ ํƒ ๋ฏธ์…˜

Chapter0 01(01-01)ํ™•์ธ ๋ฌธ์ œ 1๋ฒˆ ์ƒ์„ธํ•˜๊ฒŒ ์ ๊ณ  ์ธ์ฆ์ƒท
์„ ํƒ ๋ฏธ์…˜


01-2. ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์น˜์™€ ์ฝ”๋“œ ์‹คํ–‰

โœ… ๊ธฐ๋ณธ ๋ฏธ์…˜

๊ธฐ๋ณธ ๋ฏธ์…˜

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <script>
        alert("Hello World!!");
    </script>
</head>
<body>  
</body>
</html>

01-3. ์•Œ์•„๋‘์–ด์•ผ ํ•  ๊ธฐ๋ณธ ์šฉ์–ด


1. ํ‘œํ˜„์‹(expression) : ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๊ฐ’์„ ๋งŒ๋“ค์–ด๋‚ด๋Š” ๊ฐ„๋‹จํ•œ ์ฝ”๋“œ
2. ๋ฌธ์žฅ(statement) : ํ•˜๋‚˜ ์ด์ƒ์˜ ํ‘œํ˜„์‹์ด ๋ชจ์ธ ๊ฒƒ
3. ํ”„๋กœ๊ทธ๋žจ(program) : ๋ฌธ์žฅ์ด ๋ชจ์ธ ๊ฒƒ
4. ํ‚ค์›Œ๋“œ(keyword) : ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์ฒ˜์Œ ๋งŒ๋“ค์–ด์งˆ ๋•Œ ์ •ํ•ด๋†“์€ ํŠน๋ณ„ํ•œ ์˜๋ฏธ๊ฐ€ ์žˆ๋Š” ๋‹จ์–ด
5. ์‹๋ณ„์ž(identifier) : ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์—์„œ ์ด๋ฆ„์„ ๋ถ™์ผ ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๋‹จ์–ด
โ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹๋ณ„์ž ๊ทœ์น™
   -ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์•ˆ๋œ๋‹ค.
   -์ˆซ์ž๋กœ ์‹œ์ž‘ํ•˜๋ฉด ์•ˆ๋œ๋‹ค.
   -ํŠน์ˆ˜ ๋ฌธ์ž๋Š” _์™€ $๋งŒ ํ—ˆ์šฉํ•œ๋‹ค.
   -๊ณต๋ฐฑ ๋ฌธ์ž๋ฅผ ํฌํ•จํ•  ์ˆ˜ ์—†๋‹ค.

6. ์ฃผ์„(comment) : ํ”„๋กœ๊ทธ๋žจ ์ฝ”๋“œ๋ฅผ ์„ค๋ช…ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋ฉฐ ํ”„๋กœ๊ทธ๋žจ ์ง„ํ–‰์—๋Š” ์ „ํ˜€ ์˜ํ–ฅ์„ ์ฃผ์ง€ ์•Š๋Š”๋‹ค.
  • HTML ํƒœ๊ทธ ์ฃผ์„
    <!-- ์ฃผ์„ -->

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฃผ์„
    //ํ•œ ์ค„ ์ฃผ์„
    /* ์—ฌ๋Ÿฌ ์ค„ ์ฃผ์„ */

7. ์ถœ๋ ฅ
  • ๊ฒฝ๊ณ ์ฐฝ์— ์ถœ๋ ฅ
    alert() ํ•จ์ˆ˜ ์‚ฌ์šฉ

  • ์ฝ˜์†”์— ์ถœ๋ ฅ
    console.log() ๋ฉ”์†Œ๋“œ ์‚ฌ์šฉ

๐Ÿ‘ ๋งˆ๋ฌด๋ฆฌ


1. ์‹๋ณ„์ž๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์€ โญ•ํ‘œ, ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ๊ฒƒ์€ โŒํ‘œ
  • a โญ•
  • hello โญ•
  • 10times โŒ
    -์ˆซ์ž๋กœ ์‹œ์ž‘ํ•˜๋Š” ์‹๋ณ„์ž ์‚ฌ์šฉ ๋ถˆ๊ฐ€
  • _ โญ•
  • $ โญ•

2. console.log() ์—์„œ console์€?

์‹๋ณ„์ž


3. console.log() ์—์„œ log๋Š”?

์‹๋ณ„์ž, ๋ฉ”์†Œ๋“œ


4. ์—ฌ๋Ÿฌ ๋‹จ์–ด๋กœ ์ด๋ฃจ์–ด์ง„ ์‹๋ณ„์ž๋ฅผ ๋งŒ๋“œ๋ ค๊ณ  ํ•œ๋‹ค. ํ•œ ๋‹จ์–ด๋กœ ๋ฌถ์–ด๋ผ.
  • we are the world : weAreTheWorld
  • create output : createOutput
  • create request : createRequest
  • init server : initServer
  • init matrix : initMatrix
profile
๋น ์ƒค!

2๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2022๋…„ 1์›” 16์ผ

์ด์šœ ์ข€ ํ•˜์‹œ๋Š”๋ฐ์—ฌ? ์ž˜ ๋ณด๊ณ  ๊ฐ‘๋‹ˆ๋‹คใ…Ž ๐Ÿ‘๐Ÿป

1๊ฐœ์˜ ๋‹ต๊ธ€