[JS] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‚ฌ์šฉ์šฉ๋„, ECMASCRIPT, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํŠน์ง•
ยท
๐Ÿ‘จ‍๐Ÿ’ป Programming/JavaScript
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์‚ฌ์šฉ์šฉ๋„๋ธŒ๋ผ์šฐ์ €Node.js๊ฐ€ ๋“ฑ์žฅํ•œ ์ดํ›„๋ถ€ํ„ฐ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ์—์„œ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๋™์ž‘ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์€ ์ฝ”๋“œ๋ฅผ ํ•œ์ค„์”ฉ ๋ฒˆ์—ญํ•ด์„œ ์‹คํ–‰ํ•˜๋Š” ์ธํ„ฐํ”„๋ฆฌํ„ฐ์ž…๋‹ˆ๋‹ค.๋ธŒ๋ผ์šฐ์ €๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์„ ๋‚ด์žฅํ•˜๊ณ  ์žˆ๊ณ , Node.js์—๋„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์„ ๋‚ด์žฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ๋ธŒ๋ผ์šฐ์ €๋Š” HTML, CSS, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•˜์—ฌ, ์›นํŽ˜์ด์ง€๋ฅผ ๋ Œ๋”๋ง ํ•˜๋Š” ๊ฒƒ์ด ์ฃผ๋ชฉ์ ์ด๋ผ๋ฉด, Node.js๋Š” ๋ธŒ๋ผ์šฐ์ € ์™ธ๋ถ€์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์ด ์ฃผ๋ชฉ์ ์ž…๋‹ˆ๋‹ค. ECMAScript์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ•ต์‹ฌ ๋ฌธ๋ฒ•์„ ๊ทœ๊ฒฉํ™”ํ•œ ํ‘œ์ค€์‚ฌํ•ญ์ž…๋‹ˆ๋‹ค.๊ฐ ๋ธŒ๋ผ์šฐ์ € ์ œ์กฐ์‚ฌ๋Š” ECMAScript ์‚ฌ์–‘์„ ์ค€์ˆ˜ํ•˜์—ฌ ๋ธŒ๋ผ์šฐ์ €์— ๋‚ด์žฅ๋˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์„ ๊ตฌํ˜„..
[JavaScript] var, let, const
ยท
๐Ÿ‘จ‍๐Ÿ’ป Programming/JavaScript
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋Š” ๋ฐฉ๋ฒ•์€ var, let, const ์„ธ ๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ES5๊นŒ์ง€ var๊ฐ€ ์œ ์ผํ•œ ๋ณ€์ˆ˜ ์„ ์–ธ๋ฌธ์ด์˜€์ง€๋งŒ, ES6 ์ดํ›„ var ์‚ฌ์šฉ์„ ์ง€์–‘ํ•˜๊ณ  let, const๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.๊ทธ ์ด์œ ๋Š” ์•„๋ž˜์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค.var๋Š” ๋ณ€์ˆ˜์˜ ์ค‘๋ณต์„ ์–ธ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.๋ณ€์ˆ˜ ํ˜ธ์ด์ŠคํŒ…(hoisting)์ด ๋ฐœ์ƒํ•˜์—ฌ, ๋ณ€์ˆ˜ ์„ ์–ธ์ด์ „์—๋„ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.var๋Š” ํ•จ์ˆ˜๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„๋ผ, ํ•จ์ˆ˜ ๋‚ด๋ถ€์˜ ๋ณ€์ˆ˜ ์™ธ์—๋Š” ๋ชจ๋‘ ์ „์—ญ ๋ณ€์ˆ˜๊ฐ€ ๋˜๋ฒ„๋ฆฝ๋‹ˆ๋‹ค.ํ•ด๋‹น ํ•ญ๋ชฉ๋“ค์ด ์–ด๋–ค ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธฐ๋Š”์ง€ ํ•˜๋‚˜์”ฉ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.๋ณ€์ˆ˜ ์ค‘๋ณต ์„ ์–ธvar๋Š” ๊ฐ™์€ ์ด๋ฆ„์œผ๋กœ ์ค‘๋ณต์„ ์–ธ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์ค‘๋ณต์„ ์–ธ์„ ํ•˜๊ฒŒ ๋œ๋‹ค๋ฉด, ์˜๋„์น˜ ์•Š๊ฒŒ ๊ฐ’์ด ๋ณ€๊ฒฝ๋  ์ˆ˜ ์žˆ๊ณ , ์ด๋Š” ์˜ค๋ฅ˜๋กœ ์ด์–ด์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.var name = jin;var name = kim;var age ..