Skip to main content

Command Palette

Search for a command to run...

JavaScript Coding - 0. What is JavaScript

Published
โ€ข2 min readโ€ขView as Markdown
JavaScript Coding - 0. What is JavaScript

Greetings

๋ฐ˜๊ฐ€์›Œ์š”๐Ÿ‘‹๐Ÿพ! JavaScript๋ฅผ ๊ณต๋ถ€ํ•˜๊ธฐ ์œ„ํ•ด ์˜ค์‹  ์—ฌ๋Ÿฌ๋ถ„!

ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด ์ฒ˜์Œ์ด์‹  ๋ถ„๋“ค, ์ž์„ธํ•˜๊ฒŒ JS๋ฅผ ๋ฐฐ์šฐ๊ณ  ์‹ถ์œผ์‹  ๋ถ„๋“ค ๋ชจ๋‘์—๊ฒŒ ๊ฐ€์žฅ ์ ์ ˆํ•œ ์ตœ๊ณ ์˜ ๋ธ”๋กœ๊ทธ๋ฅผ ์ฐพ์•„์˜ค์…จ์Šต๋‹ˆ๋‹ค.

์ด ๊ธ€์€ JS ์ฝ”๋”ฉ์„ ๋ฐฐ์šฐ๊ธฐ ์•ž์„œ JS๊ฐ€ ๋ฌด์—‡์ธ์ง€ ์†Œ๊ฐœํ•˜๊ณ  ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์— ๋Œ€ํ•œ ์ดํ•ด๋ฅผ ๋•๊ธฐ ์œ„ํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.

What is JavaScript

JavaScript๋Š” ์ธ๊ธฐ ์žˆ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด ์ค‘ ํ•˜๋‚˜๋กœ ํŠนํžˆ ์›น ๊ฐœ๋ฐœ์— ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ์–ธ์–ด์ž…๋‹ˆ๋‹ค. JavaScript๋Š” ์›น ๊ฐœ๋ฐœ์„ ์œ„ํ•œ ๊ฐ์ฒด ๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŒ… ์–ธ์–ด๋กœ ์›น๋ธŒ๋ผ์šฐ์ € ๋‚ด์—์„œ ์ฃผ๋กœ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. HTML, CSS์™€ ํ•จ๊ป˜ ์›น ๊ฐœ๋ฐœ์˜ 3๋Œ€ ์š”์†Œ๋กœ ๋ถˆ๋ฆฌ๋ฉฐ ์›นํŽ˜์ด์ง€์˜ ๋™์  ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ๋ถ€ํ„ฐ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๊ฐœ๋ฐœ๊นŒ์ง€ ํญ ๋„“๊ฒŒ ์‚ฌ์šฉ๋˜์–ด ์›น์‚ฌ์ดํŠธ ๊ฐœ๋ฐœ์ด ๋ชฉ์ ์ด๋ผ๋ฉด ํ•„์ˆ˜์ ์ธ ์–ธ์–ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Key Features of JavaScript

  1. ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด: JavaScript๋Š” ์ปดํŒŒ์ผ ๊ณผ์ • ์—†์ด ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง์ ‘ ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค. ์ด๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ์ฝ”๋“œ๋ฅผ ๋” ๋น ๋ฅด๊ฒŒ ํ…Œ์ŠคํŠธํ•˜๊ณ  ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค.

  2. ๋™์  ํƒ€์ดํ•‘: ๋ณ€์ˆ˜์˜ ํƒ€์ž…์„ ๋ฏธ๋ฆฌ ์„ ์–ธํ•˜์ง€ ์•Š๊ณ  ๋Ÿฐํƒ€์ž„์— ๊ฒฐ์ •์ด ๋ฉ๋‹ˆ๋‹ค. ์ฝ”๋“œ์˜ ์œ ์—ฐ์„ฑ์„ ๋†’์ž…๋‹ˆ๋‹ค.

  3. ๊ฐ์ฒด ๊ธฐ๋ฐ˜: JavaScript๋Š” ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜์˜ ๊ฐ์ฒด ๋ชจ๋ธ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ํด๋ž˜์Šค ๊ธฐ๋ฐ˜ ๊ฐ์ฒด ์ง€ํ–ฅ์„ ์‚ฌ์šฉํ•˜๋Š” ํƒ€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ๋น„ํ•ด ๋” ์œ ์—ฐํ•œ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

  4. ํ•จ์ˆ˜ ๊ฐ์ฒด: ํ•จ์ˆ˜๋Š” ๊ฐ์ฒด๋กœ ์ทจ๊ธ‰๋ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ํ•จ์ˆ˜๋ฅผ ๋ณ€์ˆ˜์— ํ• ๋‹นํ•˜๊ณ  ๋‹ค๋ฅธ ํ•จ์ˆ˜์˜ ์ธ์ž๋กœ ์ „๋‹ฌํ•˜๋ฉฐ ํ•จ์ˆ˜์—์„œ ๋‹ค๋ฅธ ํ•จ์ˆ˜๋ฅผ ๋ฐ˜ํ™˜ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค๋‹ˆ๋‹ค.

  5. ์ด๋ฒคํŠธ ๊ธฐ๋ฐ˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ: JavaScript๋Š” ์ด๋ฒคํŠธ ๊ธฐ๋ฐ˜์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์˜ ์ƒํ˜ธ์ž‘์šฉ์— ๋ฐ˜์‘ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

Extension of JavaScript

JavaScript๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜, ์ƒํ˜ธ์ž‘์šฉ๊ณผ ๊ฐ™์€ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. Node.js๋กœ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ๋„ JavaScript ์ฃผ์š” ์–ธ์–ด๋กœ ์ž๋ฆฌ์žก์•˜๊ณ , JavaScript ๊ธฐ๋ฐ˜์˜ ๋‹ค์–‘ํ•œ ํ”„๋ ˆ์ž„์›Œํฌ์™€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์ƒ๊ฒผ๋‹ค. React, Angular์ด ๋Œ€ํ‘œ์ ์ž…๋‹ˆ๋‹ค. ์ด๋“ค์€ ๋” ๋ณต์žกํ•œ ์ธํ„ฐํŽ˜์ด์Šค์™€ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ์„ ๋„์™€์ฃผ๋Š” ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.

More from this blog

'pip'์€(๋Š”) ๋‚ด๋ถ€ ๋˜๋Š” ์™ธ๋ถ€ ๋ช…๋ น, ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋กœ๊ทธ๋žจ, ๋˜๋Š” ๋ฐฐ์น˜ ํŒŒ์ผ์ด ์•„๋‹™๋‹ˆ๋‹ค.

What is pip? pip๋Š” Pip Install Packages ์˜ ์•ฝ์ž๋กœ ๊ฐ„๋‹จํ•˜๊ฒŒ ํŒŒ์ด์ฌ์œผ๋กœ ์ž‘์„ฑ๋œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์„ ๊ด€๋ฆฌํ•œ๋‹ค. ํŒจํ‚ค์ง€์™€ ๋ชจ๋“ˆ์„ ๊ด€๋ฆฌํ•˜๋Š” ์—ญํ• ์„ ํ•œ๋‹ค. ํŒจํ‚ค์ง€๋Š” ๋ชจ๋“ˆ์— ํ•„์š”ํ•œ ํŒŒ์ผ์„ ๋ชจ์•„ ๋†“์€ ๊ฒƒ์œผ๋กœ ๋ชจ๋“ˆ๋“ค์€ Python ์ฝ”๋“œ๋“ค์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ํ˜•ํƒœ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ Python 3.4 ์ด์ƒ์˜ ๋ฒ„์ „์„ ๋‹ค์šด ๋ฐ›์œผ๋ฉด ์ผ๋ฐ˜์ ์œผ๋กœ pip๊ฐ€ ํฌํ•จ๋˜์–ด์žˆ๋‹ค. C:\User>pip --version ์œ„์˜ ์ฝ”๋“œ๋Š” ์ •์ƒ์ ์œผ๋กœ pip...

Mar 18, 20253 min read5

JavaScript Coding - 2. Types-number

Types in JavaScript JavaScript๋Š” Dynamic type ์–ธ์–ด์— ํ•ด๋‹นํ•œ๋‹ค. ์ด๋Š” ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ณ€์ˆ˜๊ฐ€ ์ƒ์„ฑ๋  ๋•Œ ํŠน์ • Type์„ ๊ฐ€์ง€๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๊ณ  ์–ด๋–ค Type์„ ์ง€์ •ํ•˜๋ƒ์— ๋”ฐ๋ผ ์œ ๋™์ ์œผ๋กœ ๋ฐ”๋€” ์ˆ˜ ์žˆ์Œ์„ ๋œปํ•œ๋‹ค. Dynamic type์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์ด ํฌ์ŠคํŠธ๋ฅผ ํ™•์ธํ•˜๋„๋ก ํ•˜์ž. ๋˜ํ•œ JavaScript ์–ธ์–ด๋Š” Weakly typed ์–ธ์–ด๋กœ Type ๋‘๊ฐœ๋ฅผ ํ•ฉ์น  ๋•Œ error๋ฅผ ๋‚ด๊ธฐ๋ณด๋‹ค๋Š” type ๋ณ€ํ™˜์„ ์ž๋™์œผ๋กœ ํ•ด...

Mar 18, 20253 min read7

Dynamic type vs Static type

Where does this come from? ์šฐ๋ฆฌ๊ฐ€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ๊ณต๋ถ€ํ•  ๋•Œ ๋ณ€์ˆ˜ ์ƒ์„ฑ ๋ฐ ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ๋ฅผ ๊ณต๋ถ€ํ•œ๋‹ค๋ฉด Dynamic Type๊ณผ Static Type์ด๋ผ๋Š” ๋‹จ์–ด๋ฅผ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์œ„ ์‚ฌ์ง„์€ JavaScript์˜ Document์˜ ์ผ๋ถ€์ด๋‹ค. Data type์„ ์„ค๋ช…ํ•˜๋Š” ๋ถ€๋ถ„์—์„œ JavaScript๊ฐ€ dynamicํ•œ ์–ธ์–ด๋ผ๋Š” ๊ฒƒ์„ ์„ค๋ช…ํ•˜๋ฉฐ dynamic type์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๊ณ  ๋งํ•œ๋‹ค. Dynamic type์ด ๋ฌด์—‡์ธ์ง€ ์ž์„ธํ•˜๊ฒŒ...

Feb 12, 20252 min read4
Dynamic type vs Static type
P

pluto6561's CS blog

7 posts