[지식루프의 IT공부] 상수 선언을 사용하는 이유 (const 사용의 장점)

자바스크립트에서 const는 상수(Constant)를 선언하는 키워드입니다. 한 번 할당된 값은 재할당할 수 없으며, 값이 고정됩니다. 하지만, 객체나 배열처럼 참조형 데이터의 내부 값은 변경 가능합니다.

---

1. 상수 선언의 주요 목적

• 코드 안정성 및 예측 가능성 확보
• 재할당 방지로 인한 의도치 않은 값 변경 방지
• 의미 명확성 (변경되지 않는 값이라는 명시적 표현)

---

2. 상수 선언의 장점

1. 의도치 않은 값 변경 방지

 

const MAX_RETRIES = 5; 

MAX_RETRIES = 10; // Error! 재할당 불가

• MAX_RETRIES는 상수로 선언되어, 이후 변경을 방지합니다.

2. 코드 가독성 향상

상수로 선언할 때에는 const 로 선언 후, 변수를 대분자와 언더바로 표기합니다. 

업계의 관행이며, 이를통해 다른 개발자분들이 작성된 코드를 볼 때에는 아~ 이 변수는 상수구나 라고 알 수 있게 하여 가독성이 높아지는 것이죠. 

 

 

const TAX_RATE = 0.1;

let price = 100;

let total = price + (price * TAX_RATE);

• TAX_RATE는 상수로 선언되어 코드의 의미가 명확해집니다.

3. 유지보수 용이성

• 상수는 한 번 선언 후 변경이 필요할 경우 해당 선언 부분만 수정하면 됩니다.

 

const API_URL = "https://api.example.com/v1";

• 여러 곳에서 API_URL을 사용해도, 상수 부분만 변경하면 전체 코드에 반영됩니다.

---

3. 상수 선언을 사용하는 경우

• 환경 설정 값 (API URL, 포트 번호, 경로 등)
• 물리적 상수 (π, 중력 가속도 등)
• 비즈니스 규칙 (세금율, 할인율 등)
• DOM 요소 참조 (버튼, 폼 등 변경되지 않는 DOM 요소)

 

const BUTTON_SUBMIT = document.querySelector("#submit");

BUTTON_SUBMIT.addEventListener("click", () => { console.log("Submit clicked!"); });

• BUTTON_SUBMIT은 변하지 않으므로 const로 선언하여 실수로 재할당하는 것을 방지합니다.

---

4. const와 let 비교

 

구분	const	let
재할당 가능 여부	불가능	가능
초기화 여부	선언 시 반드시 초기화 필요	초기화 없이 선언 가능
스코프	블록 스코프	블록 스코프
가변성	참조형 데이터 내부 변경 가능 (배열, 객체 등)	변경 및 재할당 모두 가능