변수, 상수란?
기본적으로 변수와 상수라는 것은 "값을 저장하는 박스 또는 저장소"라고 생각하면 됩니다.
"Hello" 와 같은 문자열 값이나 970107과 같은 숫자 값이나 [1, 2, 3]과 같은 배열 값을 저장할 수 있는 공간을 변수나 상수라고 부릅니다.
1. 변수
자바스크립트에서는 let 키워드를 통해서 변수를 만들 수 있습니다. let 키워드 뒤에 생성할 변수의 이름을 적어준 다음 = 기호와 함께 변수의 저장할 값을 적어줍니다.
age 라는 변수를 만들어서 27이라는 값을 담아줍니다.
let age = 27;let 키워드와 함께 없었던 변수를 새롭게 생성하는 과정을 프로그래밍에서는 "변수를 선언한다." 라고 표현하며, 변수 선언과 동시에 어떠한 값을 저장하는 과정을 "초기화한다." 라고 부릅니다.
console.log() 함수에 변수의 이름을 넣어주게 되면 브라우저 콘솔창에 27이 출력됩니다.
let age = 27;
console.log(age); // 27변수에 담은 값은 프로그래밍 실행 도중에 얼마든지 바꿀 수 있습니다. 값을 30으로 변경해준다음 console.log() 함수를 통해 확인합니다.
let age = 27;
console.log(age); // 27
age = 30;
console.log(age); // 30변수는 언제든지 바꿀 수 있기 떄문에 선언 시 초기값을 설정해주지 않아도 괜찮습니다.
초기화가 이루어지지 않은 변수를 출력하게되면 undefined가 출력됩니다.
let;
console.log(age) // undefinedlet 키워드로 만든 변수들은 이름으로 서로 구별이 되기 때문에 특수한 경우가 아니면 중복된 이름으로 재선언하는 것은 불가능합니다.
2. 상수
상수 역시 변수와 마찬가지로 값을 저장하는 저장소입니다.
한 가지 차이점이 있다면 상수는 변수와 달리 한 번 저장된 값을 바꿀 수 없습니다.
const birth = "2025.01.01";
birth = 123;
상수는 생일처럼 변할 수 없거나 앞으로 변하면 안되는 값들을 저장할 때 변수 대신에 사용하게 됩니다.
참고로 상수는 값을 변화시키는 것 자체가 불가능하기 때문에 초기화 과정이 반드시 필요합니다.
3. 변수 명명규칙(네이밍 규칙)
변수나 상수의 이름을 정하는 행위를 변수 명명, 변수 네이밍이라고 부릅니다.
변수 명명에는 지켜야할 규칙들이 존재합니다.
이러한 규칙들을 변수 명명 규칙 또는 네이밍 규칙이라고 부릅니다.
3-1. $, _ 제외한 기호는 사용할 수 없다.
자바스크립트에서 변수의 이름은 $나 _를 제외한 기호를 사용할 수 없습니다.
let #name = "hello"; // ❌
let $_name = "hello"; // 🙆♂️3-2. 숫자로 시작할 수 없다.
자바스크립트에서 변수의 이름은 숫자로 시작할 수 없습니다.
name1 처럼 변수 이름에 숫자를 사용하는 것 자체는 아무런 문제가 되지 않지만, 2name처럼 숫자가 변수 이름 앞에 오면 변수 선언이 불가능합니다.
숫자를 변수 앞에 무조건 사용하고 싶을 경우에는 _2name 혹은 $2name과 같이 특수 기호를 변수 앞에 붙여서 숫자가 맨앞에 위치할 수 없도록 설정해줘야 합니다.
let name1 = "hello"; // 🙆♂️
let 2name = "hello"; // ❌
let $2name = "hello";
let _2name = "hello";3-3. 예약어를 사용할 수 없다.
자바스크립트에서 변수의 이름은 let이나 const처럼 자바스크립트가 특수한 의미로 사용하기로 약속한 단어들은 사용할 수 없습니다.
let let; // ❌
let if; // ❌4. 변수 명명 가이드
변수명은 다른 개발자가 내 코드를 봤을 때 바로 이해할 수 있는 변수명을 지어주는게 좋습니다.
참고한 사이트
