๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๊ฐœ๋ฐœ/HTML, CSS, JS

๋ณ€์ˆ˜, ์˜ˆ์•ฝ์–ด

by Jaeguk 2023. 1. 11.

๋ณ€์ˆ˜

๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ณ  ์ €์žฅ๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์ฐธ์กฐ(์‚ฌ์šฉ)ํ•˜๋Š” ๋ฐ์ดํ„ฐ์˜ ์ด๋ฆ„์„ ์ง“๋Š” ๊ฐœ๋…

let์ด๋ผ๋Š” ํ‚ค์›Œ๋“œ ์™ธ์—๋„ var๋‚˜ const๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•  ์ˆ˜ ์žˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์š”์ฆ˜ ์‚ฌ์šฉํ•˜๋Š” ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” var ํ‚ค์›Œ๋“œ๋Š” ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์„ ๊ถŒ์žฅํ•œ๋‹ค.

 

์žฌ์‚ฌ์šฉ

ํ•œ ๋ฒˆ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ์žฌ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.
=> ์—ฌ๋Ÿฌ ๋ฒˆ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ!

 

์žฌํ• ๋‹น

let ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•ด ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ๊ฐ’์„ ์žฌํ• ๋‹น์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ const ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•ด ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ๊ฐ’์„ ์žฌํ• ๋‹นํ•  ์ˆ˜ ์—†๋‹ค.

์žฌํ• ๋‹น ํ•˜๋ ค๊ณ ํ•˜๋ฉด TypeError๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค.

=> ์ผ๋‹จ const๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๊ณ  ๋งŒ์•ฝ ์žฌํ• ๋‹น ํ•ด์•ผํ•˜๋Š” ์ƒํ™ฉ์ด ๋ฐœ์ƒํ•˜๋ฉด const๋ฅผ let์œผ๋กœ ์ฝ”๋“œ๋ฅผ
์ˆ˜์ •ํ•˜์—ฌ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.

 

์˜ˆ์•ฝ์–ด

this, if, break ๋“ฑ์€ ์ด๋ฏธ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ๋‚ด๋ถ€์—์„œ ๋”ฐ๋กœ ์‚ฌ์šฉํ•˜๋Š” ์ด๋ฆ„์ด๊ธฐ ๋•Œ๋ฌธ์— ์˜ˆ์•ฝ์ด ๋˜์–ด์žˆ๋‹ค.

 

์˜ˆ์•ฝ์–ด๋ฅผ ์™ธ์›Œ์„œ ์‚ฌ์šฉ์„ ํ”ผํ•˜๋ฉด ์ข‹๊ฒ ์ง€๋งŒ ์˜ˆ์•ฝ์–ด์˜ ์ˆ˜๊ฐ€ ๊ฝค๋‚˜ ๋งŽ๊ธฐ ๋•Œ๋ฌธ์— ๋ชจ๋‘ ์™ธ์šฐ๋Š” ๊ฒƒ์€ ํž˜๋“ค๋‹ค.

์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ์˜ˆ์•ฝ์–ด๋“ค์€ ์™ธ์›Œ์ง€๊ฒ ์ง€๋งŒ ๋ชจ๋“  ์˜ˆ์•ฝ์–ด๋ฅผ ์™ธ์›Œ์„œ ํ”ผํ•˜๋Š” ๊ฒƒ์€ ์–ด๋ ต๊ธฐ ๋•Œ๋ฌธ์— ์—๋””ํ„ฐ์˜ ๋„์›€์„ ๋ฐ›์•„ ์›ํ•˜๋Š” ์ด๋ฆ„์„ ๋„ฃ์—ˆ์„ ๋•Œ ์—๋Ÿฌ๊ฐ€ ํ‘œ์‹œ๋˜๋ฉด ์‚ฌ์šฉ์„ ํ”ผํ•˜๋ฉด์„œ ์˜ˆ์•ฝ์–ด๋“ค์„ ์•Œ์•„๋‚˜๊ฐ€์ž.

728x90

'๊ฐœ๋ฐœ > HTML, CSS, JS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

DOM API  (0) 2023.01.12
ํ•จ์ˆ˜  (0) 2023.01.11
๋ฐ์ดํ„ฐ ์ข…๋ฅ˜(์ž๋ฃŒํ˜•)  (0) 2023.01.11
๊ฐœ์š”  (0) 2023.01.11
๋ณ€ํ™˜(2)  (0) 2023.01.09