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

๋ชฉ๋ก์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ var (2)

Hey Tech

[JavaScript] var vs let ์ฐจ์ด์  ์„ค๋ช…

๐Ÿ’ก ํ•™์Šต ๋ชฉํ‘œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ var ํƒ€์ž…๊ณผ let ํƒ€์ž… ๊ฐ„์˜ ์ฐจ์ด์ ์„ ์ดํ•ดํ•œ๋‹ค. ์ฐจ์ด์  1. ๋ณ€์ˆ˜ ์žฌ์„ ์–ธ ๊ฐ€๋Šฅ์—ฌ๋ถ€ ์ฒซ ๋ฒˆ์งธ ์ฐจ์ด์ ์€ ๋ณ€์ˆ˜ ์žฌ์„ ์–ธ ๊ฐ€๋Šฅ์—ฌ๋ถ€์ž…๋‹ˆ๋‹ค. var ํƒ€์ž…์€ ๋ณ€์ˆ˜ ์„ ์–ธ ์ดํ›„์— ๊ฐ™์€ ๋ณ€์ˆ˜๋ช…์œผ๋กœ ์žฌ์„ ์–ธ์ด ๊ฐ€๋Šฅํ•˜์ง€๋งŒ, let ํƒ€์ž…์€ ๋ณ€์ˆ˜ ์„ ์–ธ ์ดํ›„์— ๊ฐ™์€ ๋ณ€์ˆ˜๋ช…์œผ๋กœ ์žฌ์„ ์–ธ์ด ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. var show = 10; console.log(typeof(show)); var show = "์ฝ”๋ผ๋ฆฌ"; console.log(typeof(show)); let same = 30; same = "๋…์ˆ˜๋ฆฌ"; ์ฐจ์ด์  2. ์ง€์—ญ์„ฑ ์œ ์ง€์—ฌ๋ถ€ ๋‘ ๋ฒˆ์งธ ์ฐจ์ด์ ์€ ์ง€์—ญ์„ฑ ์œ ์ง€์—ฌ๋ถ€์ž…๋‹ˆ๋‹ค. var ํƒ€์ž…์€ ์ง€์—ญ์„ฑ์„ ์œ ์ง€ํ•˜์ง€ ์•Š์•„ ๋ชจ๋“  ๋ณ€์ˆ˜๋ฅผ ์ „์—ญ ๋ณ€์ˆ˜๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐ˜๋ฉด, let ํƒ€์ž…์€ ์ง€์—ญ์„ฑ์„ ์œ ์ง€ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ง€์—ญ๋ณ€..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 1. 10:09
[JavaScript] ๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ๋ฒ• ๋ฐ ๋ณ€์ˆ˜ ํƒ€์ž… ํ™•์ธํ•˜๋Š” ๋ฐฉ๋ฒ•

๐Ÿ’ก ํ•™์Šต๋ชฉํ‘œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ๋ฒ• ๋ฐ ๋ณ€์ˆ˜ ํƒ€์ž… ํ™•์ธ ๋ฐฉ๋ฒ•์„ ํ•™์Šตํ•œ๋‹ค. ๋ชฉ์ฐจ 1. ๋ณ€์ˆ˜ ์„ ์–ธ ํƒ€์ž… 3๊ฐ€์ง€ 1) var ํƒ€์ž… 2) let ํƒ€์ž… 3) const ํƒ€์ž… 2. ๋ณ€์ˆ˜ ํƒ€์ž… ํ™•์ธ: typeof() 1. ๋ณ€์ˆ˜ ์„ ์–ธ ํƒ€์ž… 3๊ฐ€์ง€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•  ๋•Œ๋Š” var, let, const ์ค‘ ํ•˜๋‚˜๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. 1) var ํƒ€์ž… ์ง€๊ธˆ์œผ๋กœ๋ถ€ํ„ฐ 5~6๋…„ ์ „์—๋งŒ ํ•ด๋„ var ํƒ€์ž…์„ ์‚ฌ์šฉํ•ด์„œ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜์˜€์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ตœ๊ทผ์—๋Š” var ํƒ€์ž…์€ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ  let ํƒ€์ž…์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. var a = 10; var b = 'ํ˜ธ๋ž‘์ด'; var c = true; console.log(a, b, c); ์‹คํ–‰๊ฒฐ๊ณผ C:\Program Files\nodejs\node.exe .\sample01.js 10 ํ˜ธ..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 11. 30. 11:51