[Frontend] 타입스크립트에서 const 란?

목차 (OPEN)

• ✨ 들어가며
• 🏷️ 기본 개념
• ✅ const란
• 📦 const VS let VS var 비교
• 🧩 속성 변경은 가능할까?
• 💡 const를 언제 써야 할까
• 🎁 예제 정리
• 📝 마무리

 

 

 

✨ 들어가며

const name = "소연";

 

위 코드를 보면 "name"이라는 변수에 "소연"이라는 문자열을 담고 있는데,

여기서 사용된 const란 변하지 않는 값을 선언할 때 사용하는 키워드이다.

즉, 상수 (Constant)라는 의미이다.

 

그렇다면 정말 변하지 않는 걸까?

그럼 변수 let이랑 const는 뭐가 다른 걸까?

const로 객체나 배열을 만들면 내부 값도 못 바꾸는 걸까?

 

이런 궁금증들이 생겨서 하나씩 자세히 정리해보고자 한다.

 

---

🏷️ 기본 개념

✅ const란

const는 재할당이 불가능한 변수를 선언할 때 사용하는 키워드이다.

 

즉, 한 번 값을 지정하면, 그 변수 이름에 절대 다른 값을 넣을 수 없다.

 

const animal = "강아지";
animal = "고양이"; // ❌ 오류! 재할당 불가

 

따라서 위와 같은 코드는 에러가 난다.

왜냐하면 animal은 const로 선언되었기 때문에 처음에 할당된 "강아지" 말고 다른 값으로는 다시 바꿀 수 없기 때문이다.

 

 

---

📦 const VS let VS var 비교

키워드	재선언 가능	재할당 가능	블록 스코프
var	✅ O	✅ O	❌ X (함수 스코프)
let	❌ X	✅ O	✅ O
const	❌ X	❌ X	✅ O

 

위 표에서 볼 수 있듯이 const는 가장 안전한 변수 선언 방식이다.

실수로 값을 바꾸는 일이 없으므로 코드가 더욱 안정적일 수 있기 때문이다.

 

 

---

🧩 속성 변경은 가능할까?

const user = {
  name: "소연",
  age: 23
};

user.name = "소연2";
console.log(user.name); // 👉 "소연2"

 

마지막 줄의 콘솔 로그 결과를 보면 name이 바뀐 것을 확인할 수 있다.

 

cosnt는 변수(user) 자체를 바꿀 수 없다는 의미이지

그 안에 담긴 객체나 배열의 속성은 바꿀 수 있기 때문이다.

 

즉,

user = {} 👉🏻 (❌)

user.name = "소연2" 👉🏻 (✅)

 

 

배열도 마찬가지이다.

const fruits = ["🍎", "🍌"];

fruits.push("🍇"); // ✅ 가능
console.log(fruits); // 👉 ["🍎", "🍌", "🍇"]

fruits = ["🍓"]; // ❌ 오류! 재할당 안됨

 

const로 선언한 객체 및 배열은 내부 요소 변경은 가능하지만,

변수 자체를 바꿀 수는 없기 때문에

🍇를 삽입한 것은 가능하지만,

fruits 자체를 🍓로 바꿔버리는 것은 오류가 나는 것이다.

 

 

---

💡 const를 언제 써야 할까

• 값이 바뀌지 않아야 하는 경우 👉🏻 무조건 const
• 배열이나 객체를 재할당은 하지 않고, 내부 속성만 수정한다면 👉🏻 const
• 값이 변해야 한다면 👉🏻 let

 

대부분의 경우엔 const를 먼저 쓰고,

꼭 필요한 경우에만 let을 쓰는 것이 좋다고 한다.

 

 

---

🎁 예제 정리

const name = "소연"; // 추후 변경 불가 ❌

const favoriteNumbers = [1, 2, 3]; // 추후 배열 전체 변경 불가 ❌, 내부 수정 가능 ⭕

favoriteNumbers.push(4); // 내부 수정 가능 ⭕

const profile = { nickname: "밍밍" }; // 추후 객체 변경 불가 ❌, 속성 변경 가능 ⭕

profile.nickname = "쏘쏘"; // 속성 변경 가능 ⭕

let age = 22; // 추후 값 변경 가능 ⭕

age = 23; // 값 변경 가능 ⭕

 

 

---

📝 마무리

const는 절대 안 바뀌는 상수 값을 위한 선언 키워드이지만,

객체나 배열의 내부는 바꿀 수 있다는 점을 기억하고 있어야겠다.