자바스크립트의 변수 명명 규칙

자바스크립트(JavaScript)에서 변수를 명명하는 것은 코드의 가독성과 유지보수성을 높이는 데 중요한 요소입니다. 변수명을 적절하게 지정하면 코드의 의미를 쉽게 파악할 수 있으며, 협업 시 다른 개발자들도 코드를 이해하기 쉬워집니다. 이번 글에서는 자바스크립트의 변수 명명 규칙과 모범 사례를 살펴보겠습니다.

변수 명명 규칙

자바스크립트에서는 변수명을 지정할 때 몇 가지 규칙을 따라야 합니다. 이 규칙을 준수하지 않으면 문법 오류가 발생할 수 있습니다.

1. 문자와 숫자, 밑줄(_), 달러 기호($) 사용 가능

변수명은 문자(A-Z, a-z), 숫자(0-9), 밑줄(_), 달러 기호($)를 사용할 수 있습니다. 하지만 변수명은 숫자로 시작할 수 없습니다.

let name = "Alice"; // 올바른 변수명
let _name = "Bob"; // 올바른 변수명
let $name = "Charlie"; // 올바른 변수명
// let 1name = "David"; // 잘못된 변수명 (숫자로 시작할 수 없음)

2. 대소문자 구분

자바스크립트는 변수명을 대소문자를 구분합니다. 따라서 name과 Name은 서로 다른 변수로 취급됩니다.

let name = "Alice";
let Name = "Bob";

console.log(name); // "Alice"
console.log(Name); // "Bob"

3. 예약어 사용 금지

자바스크립트에서 미리 정의된 예약어(reserved words)는 변수명으로 사용할 수 없습니다. 예를 들어, let, const, var, function, if, else 등은 변수명으로 사용할 수 없습니다.

// let let = "Hello"; // SyntaxError: Unexpected token 'let'

4. 의미 있는 이름 사용

변수명은 변수의 역할을 명확하게 나타내는 의미 있는 이름을 사용하는 것이 좋습니다. 이렇게 하면 코드를 읽는 사람이 변수의 용도를 쉽게 이해할 수 있습니다.

let x = 10; // 의미가 불명확한 변수명
let userAge = 25; // 의미 있는 변수명

변수 명명 모범 사례

변수명을 지정할 때는 몇 가지 모범 사례를 따르는 것이 좋습니다. 이는 코드의 가독성을 높이고 유지보수를 쉽게 만듭니다.

1. 카멜 표기법 사용

자바스크립트에서는 일반적으로 카멜 표기법(camelCase)을 사용하여 변수명을 작성합니다. 첫 글자는 소문자로 시작하고, 이후 단어의 첫 글자는 대문자로 작성합니다.

let userName = "Alice";
let userAge = 25;
let isMember = true;

2. 명사형 사용

변수명은 보통 명사형으로 작성하는 것이 좋습니다. 이는 변수명이 어떤 데이터를 나타내는지를 명확하게 해줍니다.

let user = "Alice";
let age = 25;
let color = "blue";

3. 줄임말 지양

가능한 한 줄임말을 피하고, 변수명을 풀어서 작성합니다. 줄임말은 코드를 읽는 사람이 이해하기 어려울 수 있습니다.

let usrNm = "Alice"; // 이해하기 어려운 줄임말
let userName = "Alice"; // 풀어서 쓴 명확한 변수명

4. 일관성 유지

코드 전체에서 변수명을 작성할 때 일관성을 유지하는 것이 중요합니다. 예를 들어, 모든 변수명을 카멜 표기법으로 작성하거나, 특정 접두사를 사용하는 등의 규칙을 일관되게 적용합니다.

let userName = "Alice";
let userAge = 25;
let userEmail = "alice@example.com";

결론

자바스크립트 변수의 명명 규칙을 준수하고 모범 사례를 따르면, 코드의 가독성과 유지보수성을 크게 향상시킬 수 있습니다. 의미 있는 변수명을 사용하고, 일관된 명명 규칙을 적용하여 보다 명확하고 이해하기 쉬운 코드를 작성하시기 바랍니다.

이 글이 자바스크립트 변수 명명 규칙을 이해하는 데 도움이 되길 바랍니다. 질문이나 추가적인 피드백이 있다면 언제든지 댓글로 남겨주세요!