[리액트 기초 스터디] JavaScript 변수와 상수

목차 (OPEN)

• 📌 JavaScript 변수와 상수: 기초 개념 정리
• 📝 변수 (Variable)
• 🔒 상수 (Constant)
• 📐 네이밍 규칙
• 💡 네이밍 가이드

 

 

 

 

 

 

📌 JavaScript 변수와 상수: 기초 개념 정리

자바스크립트를 배우면서 가장 먼저 마주치는 개념 중 하나가 변수와 상수이다.

따라서 이번 글에서는 간단하게 let과 const를 중심으로 한 변수와 상수의 차이, 네이밍 규칙 등을 정리해보고자 한다.

 

 

---

📝 변수 (Variable)

변수는 값을 저장할 수 있는 공간이다.

자바스크립트에서 변수는 let 이라는 키워드를 사용해서 선언한다.

// 초기값 없이 선언 가능
let age;

// 나중에 값 할당 가능
age = 30;

console.log(age); // 30

 

 

---

🔒 상수 (Constant)

상수는 한 번 할당하면 변경할 수 없는 값이다.

자바스크립트에서 상수는 const 라는 키워드를 사용해서 선언한다.

// 반드시 초기화 필요
const birth = "2002.11.18";
console.log(birth); // 2002.11.18

// birth = "2000.01.01"; ❌ (에러 발생: 상수는 변경 불가)

 

 

---

📐 네이밍 규칙

변수와 상수를 선언할 때는 이름을 어떻게 짓는지도 중요하다.

먼저, 자바스크립트에서는 아래와 같은 규칙을 반드시 지켜야 한다.

 

1) $, _ 외의 기호는 사용 불가능

let $money = 1000; // 가능
let _count = 5;    // 가능
let #price = 200;  // ❌ 불가능

 

 

2) 숫자로 시작 불가능

let age1 = 20;   // 가능
let 1age = 20;   // ❌ 불가능

 

 

3) 예약어 사용 불가능

let let = 10;   // ❌ 불가능
const if = 5;   // ❌ 불가능

 

 

---

💡 네이밍 가이드

단순히 규칙만 지키는 것에서 그치지 말고,

코드를 읽는 사람이 직관적으로 이해할 수 있는 이름을 짓는 것도 중요하다.

// ❌ 나쁜 예시
let a = 20;
const b = "2002.11.18";

// ✅ 좋은 예시
let age = 20;
const birthDate = "2002.11.18";