๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๊ฐœ์ธ ๊ณต๋ถ€/JavaScript

[JavaScript] ๋ณ€์ˆ˜

by syLim___ 2023. 11. 21.
728x90

๐Ÿฅ ํ™˜๊ฒฝ ์„ค์ •

 

 - Nodejs ์„ค์น˜

 - ํ„ฐ๋ฏธ๋„์—์„œ vi ์ด์šฉํ•ด์„œ hello.jsํŒŒ์ผ ์ž‘์„ฑ

 - node hello.js ๋กœ ์‹คํ–‰

 

 

 - JavaScript๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ์ค„์ด ๋ฐ”๋€Œ๋ฉด ํ•˜๋‚˜์˜ ๋ฌธ์žฅ์ด ๋๋‚œ ๊ฒƒ์œผ๋กœ ํŒ๋‹จํ•จ

 - ๊ทธ๋Ÿฌ๋‚˜ ๋˜๋„๋ก ๋ฌธ์žฅ ๋๋งˆ๋‹ค ์„ธ๋ฏธ์ฝœ๋ก  ๋ถ™์ด๋Š” ๊ฒƒ์ด ์ข‹๋‹ค

 

 

โœ… ๋ณ€์ˆ˜

 - ์–ด๋– ํ•œ ๊ฐ’์„ ์ €์žฅํ•˜๊ธฐ ์œ„ํ•ด ํ™•๋ณดํ•œ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์„ ์‹๋ณ„ํ•˜๊ธฐ ์œ„ํ•ด ๋ถ™์ธ ์ด๋ฆ„

 - JavaScript์—์„œ๋Š” ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•  ๋•Œ ๋ณ€์ˆ˜์˜ ์ž๋ฃŒํ˜•์„ ์ง€์ •ํ•˜์ง€ ์•Š๋Š”๋‹ค.

 - ๋ณ€์ˆ˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์„ ์–ธํ•œ๋‹ค.

var ๋ณ€์ˆ˜๋ช…

 

 

๐Ÿฅ  var

 - ๋ณ€์ˆ˜๋ฅผ ์ค‘๋ณต ์„ ์–ธํ•˜์—ฌ๋„ ๋œ๋‹ค.

var a = 1;
console.log(a);

var a = "hello"; // ๋‹ค์‹œ ์„ ์–ธํ•  ๋•Œ ์ด๋ ‡๊ฒŒ ์ž๋ฃŒํ˜•๊นŒ์ง€ ๋ฐ”๊ฟ”๋„ ๋œ๋‹ค!
console.log(a);

// output:
// 1
// hello

 

๐Ÿ€ Var hoisting
 - ๋ณ€์ˆ˜ ์„ ์–ธ์€ ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋˜๊ธฐ ์ „์— ์ฒ˜๋ฆฌ๋œ๋‹ค.
 - ๋”ฐ๋ผ์„œ ๋ชจ๋“  ๋ณ€์ˆ˜ ์„ ์–ธ์€ ์ฝ”๋“œ ์ตœ์ƒ์œ„์— ์„ ์–ธ๋œ ๊ฒƒ์ด๋‚˜ ๋‹ค๋ฆ„์—†๋‹ค.
 - ๋ณ€์ˆ˜ ์„ ์–ธ์ด ํ•จ์ˆ˜์˜ ์ตœ์ƒ๋‹จ, ๋˜๋Š” ์ „์—ญ์ฝ”๋“œ์˜ ์ตœ์ƒ๋‹จ์— ์ด๋™ํ•˜๋Š” ๊ฒƒ์„ hoisting์ด๋ผ๊ณ  ํ•œ๋‹ค.

 

 

 

๐Ÿฅ let

let ๋ณ€์ˆ˜๋ช…

 

- ๋ณ€์ˆ˜๋ฅผ let์œผ๋กœ ์„ ์–ธํ•˜๋ฉด ๋ณ€์ˆ˜ ์ค‘๋ณต ์„ ์–ธ์ด ๋ถˆ๊ฐ€๋Šฅํ•˜๋‹ค.

let a = "hello";
var a; // ERROR!

 

 - ์ด๋ฏธ ์„ ์–ธ๋œ ๋ณ€์ˆ˜์— ๋‹ค๋ฅธ ๊ฐ’์„ ํ• ๋‹นํ•˜๋Š” ๊ฒƒ์€ ๊ฐ€๋Šฅํ•˜๋‹ค.

let a = "hello";
a = 100;

 

 

๐Ÿฅ const

 - ๋ณ€์ˆ˜๋ฅผ const๋กœ ์„ ์–ธํ•˜๋ฉด ๋ณ€์ˆ˜ ์ค‘๋ณต ์„ ์–ธ๋„ ๋ถˆ๊ฐ€๋Šฅํ•˜๊ณ , ๋ณ€์ˆ˜ ์žฌํ• ๋‹น๋„ ๋ถˆ๊ฐ€๋Šฅํ•˜๋‹ค.

 - ๋ฐ˜๋“œ์‹œ ํ•œ ๋ฌธ์žฅ์—์„œ ์„ ์–ธ๊ณผ ๋™์‹œ์— ์ดˆ๊ธฐํ™”๋ฅผ ํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค.

const a = "hello";
a = 100; // ERROR!

 

 - ๋ณ€์ˆ˜๊ฐ€ ๊ฐ€๋ฆฌํ‚ค๋Š” ๊ฐ์ฒด์˜ ๋‚ด์šฉ์€ ๋ณ€๊ฒฝ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

 - ์ž๋ฐ”์—์„œ final ํ‚ค์›Œ๋“œ์™€ ๋น„์Šทํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋ฉด ์ดํ•ดํ•˜๊ธฐ ํŽธํ•˜๋‹ค!

 

 

 

728x90

'๊ฐœ์ธ ๊ณต๋ถ€ > JavaScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

JavaScript ์†Œ๊ฐœ  (0) 2023.11.21