/
๐Ÿ“™

JS Literal

JavaScript
Table of contents

Literal

The literal meaning of a word is its original,basic meaning [1]
(์–ด๊ตฌ์˜ ๋œป์ด) ๋ฌธ์ž ๊ทธ๋Œ€๋กœ์˜ ๊ธฐ๋ณธ์ ์ธ/์ผ๋ฐ˜์ ์ธ [2]

๋ฆฌํ„ฐ๋Ÿด์˜ ์‚ฌ์ „์  ์˜๋ฏธ๋Š” ๋ฌธ์ž ์ž์ฒด์˜, ๋ฌธ์ž ๊ทธ๋Œ€๋กœ์˜, ๊ธฐ๋ณธ์ ์ธ ์˜๋ฏธ๋ฅผ ๋งํ•œ๋‹ค.
์ปดํ“จํ„ฐ ๊ณผํ•™์—์„œ๋Š” ๋ฆฌํ„ฐ๋Ÿด์ด๋ž€ ์ด ์ฒ˜๋Ÿผ(์‚ฌ์ „์  ์˜๋ฏธ์™€ ๊ฐ™์ด) ์†Œ์Šค ์ฝ”๋“œ์—์„œ ์ง์ ‘์ ์œผ๋กœ ๊ฐ’์ด ํ‘œํ˜„๋œ ๊ฒƒ ์ด๋‹ค. ๊ทธ๋ž˜์„œ ์ฝ”๋“œ์ƒ์—์„œ ๋ฐ์ดํ„ฐ ๊ฐ’์„ ํ‘œํ˜„ํ•˜๋Š” ๋ฐฉ์‹(๋ฆฌํ„ฐ๋Ÿด ํ‘œ๊ธฐ๋ฒ•)์ด๋ผ๊ณ  ๋งํ•˜๊ธฐ๋„ ํ•œ๋‹ค.

๋ฆฌํ„ฐ๋Ÿด ํ‘œ๊ธฐ๋ฒ•, ๋ฆฌํ„ฐ๋Ÿด ํ‘œํ˜„์‹

๋ฆฌํ„ฐ๋Ÿด ํ‘œ๊ธฐ๋ฒ•

: ๊ฐ’์„ ์ƒ์„ฑํ•˜๋Š” ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ๋ฒ•์œผ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋‹ค์–‘ํ•œ ํƒ€์ž…์˜ ๊ฐ’์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค.

๋ฆฌํ„ฐ๋Ÿด ํ‘œํ˜„์‹

: ๋ฆฌํ„ฐ๋Ÿด ํ‘œ๊ธฐ๋ฒ•์œผ๋กœ ๋งŒ๋“ค์–ด๋‚ธ ํ‘œํ˜„์‹

๋ฆฌํ„ฐ๋Ÿด ํƒ€์ž…(literal type)

๋ฆฌํ„ฐ๋Ÿด ํƒ€์ž…์ด๋ผ๋Š” ๊ฒƒ์ด ๋”ฐ๋กœ ์žˆ๋‹ค๊ธฐ ๋ณด๋‹ค๋Š” ๋ฆฌํ„ฐ๋Ÿด ํ‘œ๊ธฐ๋ฒ•์œผ๋กœ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ํ‘œํ˜„ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๋œ๋‹ค.

javascript
123 // number literal
'string' // string literal
true, false // boolean literal
null // null literal
undefined // undefined literal
{} // object literal

๋ฆฌํ„ฐ๋Ÿด(literal)๊ณผ ์ƒ์ˆ˜(constant)

๋ฆฌํ„ฐ๋Ÿด: ์†Œ์Šค์ฝ”๋“œ ์•ˆ์—์„œ ์ง์ ‘ ๋งŒ๋“ค์–ด ๋‚ธ ์ƒ์ˆ˜ ๊ฐ’ ์ž์ฒด๋ฅผ ๋งํ•˜๋ฉฐ ๊ฐ’์„ ๊ตฌ์„ฑํ•˜๋Š” ์ตœ์†Œ ๋‹จ์œ„ [3]

์œ„์—์„œ ๋งํ•˜๋Š” '์ƒ์ˆ˜ ๊ฐ’ ์ž์ฒด'๋ผ๋Š”๊ฒƒ์€ ์ผ๋ฐ˜์ ์œผ๋กœ ๋งํ•˜๋Š” ๋ณ€์ˆ˜์˜ ๋ฐ˜๋Œ€ ๊ฐœ๋…์ด ์•„๋‹ˆ๋‹ค.
์ฝ”๋“œ ์•ˆ์—์„œ ์ง์ ‘ ํ‘œํ˜„๋˜์–ด ์žˆ๋Š” ๊ฐ’ ๊ทธ ์ž์ฒด๊ฐ€ ๋ฆฌํ„ฐ๋Ÿด์ด๋‹ค. literally!

๋ฆฌํ„ฐ๋Ÿด(literal)๊ณผ ๊ฐ’(value)

๊ทธ๋ ‡๋‹ค๋ฉด ๋ฆฌํ„ฐ๋Ÿด๊ณผ ๊ฐ’์€ ๊ฐ™์€ ๊ฒƒ์ผ๊นŒ?

์ปดํ“จํ„ฐ ๊ณผํ•™์—์„œ, ๊ฐ’์€ ๋” ์ด์ƒ ํ‰๊ฐ€๋  ์ˆ˜ ์—†๋Š” ํ•˜๋‚˜์˜ ์‹์ด๋‹ค. [4]

๋ฆฌํ„ฐ๋Ÿด ํ‘œํ˜„์‹์ด ํ‰๊ฐ€๋˜์–ด ๊ฐ’์ด ๋  ์ˆ˜ ์žˆ์ง€๋งŒ ๊ฐ’์ด ๋ฆฌํ„ฐ๋Ÿด์€ ์•„๋‹ˆ๋‹ค.
๊ฐ’์€ ๊ฐ’์ด๊ณ  ๋ฆฌํ„ฐ๋Ÿด์€ ๋ฆฌํ„ฐ๋Ÿด์ด๋‹ค.

tibetFox

๋ฆฌํ„ฐ๋Ÿด(literal)๊ณผ ๋ณ€์ˆ˜(variable)

JavaScript์—์„œ ๋ณ€์ˆ˜๋Š” ํƒ€์ž… ์ง€์ • ์—†์ด ์„ ์–ธ ํ•˜๊ณ  ๊ฐ’์œผ๋กœ์„œ ํ‰๊ฐ€ ๋  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์„ ํ• ๋‹น ํ• ์ˆ˜ ์žˆ๋‹ค. ๋ฆฌํ„ฐ๋Ÿด์€ ๊ฐ’์œผ๋กœ์„œ ํ‰๊ฐ€ ๋  ์ˆ˜ ์žˆ์œผ๋‹ˆ ๋ณ€์ˆ˜์— ํ• ๋‹น์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

var
mermaid
graph LR
A[๋ฆฌํ„ฐ๋Ÿด ํ‘œํ˜„์‹] --> B[ํ‘œํ˜„์‹์„ ํ‰๊ฐ€]
B --> C[๊ฐ’์œผ๋กœ ๋ณ€ํ™˜]
C --> D[๋ณ€ํ™”๋œ ๊ฐ’์„ ๋ณ€์ˆ˜์— ํ• ๋‹น]
๋ฆฌํ„ฐ๋Ÿด์ด ๋ณ€์ˆ˜์— ํ• ๋‹น๋˜๋Š” ๊ฐ„๋žตํ•œ ๊ณผ์ •
logo
Things I've Learned