JavaScript 기본 | 문법 | 리터럴

리터럴이란?

리터럴(literal)은 고정된 값 자체를 의미한다.
즉, 변수나 계산이 아닌 코드에 직접 작성된 값을 말한다.

let num = 10; // 숫자 리터럴 10
let str = "hello"; // 문자열 리터럴 "hello"
let flag = true; // 불리언 리터럴 true

위 예시에서 10, "hello", true는 모두 리터럴이다.

---

자바스크립트의 주요 리터럴 종류

숫자 리터럴 (Number Literal)

let a = 42; // 정수
let b = 3.14; // 실수
let c = 0b1010; // 2진수 (0b 또는 0B)
let d = 0o755; // 8진수 (0o 또는 0O)
let e = 0xFF; // 16진수 (0x 또는 0X)

---

문자열 리터럴 (String Literal)

let s1 = "hello";
let s2 = 'world';
let s3 = `template ${s1}`; // 템플릿 리터럴 (백틱 사용)

• 큰 따옴표 ", 작은 따옴표 ', 백틱 ̀ 모두 문자열 정의 가능
• 템플릿 리터럴은 문자열 내 변수 삽입 및 줄바꿈 가능

---

불리언 리터럴 (Boolean Literal)

let isActive = true;
let isComplete = false;

---

null 리터럴

let empty = null;

• "값이 없음" 또는 "의도적으로 비워둠"을 의미

---

undefined 리터럴

let notSet; // 선언만 하고 초기화하지 않으면 undefined

• 직접 쓰는 경우는 드물고, 자바스크립트가 자동으로 부여하는 값

---

객체 리터럴 (Object Literal)

let person = {
  name: "Alice",
  age: 30
};

• 중괄호 {}를 사용해 키-값 쌍으로 구성

---

배열 리터럴 (Array Literal)

let list = [1, 2, 3, 4];

• 대괄호 []를 사용해 값의 순서대로 나열

---

정규표현식 리터럴 (RegExp Literal)

let regex = /ab+c/i;

• /패턴/플래그 형식

---

심볼 리터럴 (Symbol Literal)

let sym = Symbol("id");

• 고유하고 변경 불가능한 식별자 생성

---

리터럴 vs. 표현식

구분	예시	설명
리터럴	"hello"	고정된 값 자체
표현식	a + b, 2 * 3	계산 또는 평가되는 코드

즉, 리터럴은 평가할 필요가 없는 값, 표현식은 평가하면 결과가 나오는 코드이다.

---

정리

종류	예시
숫자	42, 3.14, 0xFF
문자열	"hello", 'world', `a`
불리언	true, false
null	null
undefined	undefined (주로 자동 할당)
객체	{ name: "Alice" }
배열	[1, 2, 3]
정규식	/abc/
심볼	Symbol("id")