[JavaScript] 변수 네이밍 규칙

변수 이름은변수를 정확하게 식별해야 합니다. 좋은 변수 이름을 만들면 코드가 더 쉽게 이해되고 작업하기 쉬워집니다. 다음은 변수 이름 지정하는 규칙 입니다.

시작 문자

변수 이름은 반드시 알파벳 문자나, 밀줄(_), 달러기호($)로 시작해야하며, 숫자로 시작할 수 없습니다.

// 올바른 변수 이름
let userName = "Alice";  // 알파벳 문자로 시작
let _totalAmount = 100;  // 밑줄로 시작
let $price = 29.99;      // 달러 기호로 시작

// 잘못된 변수 이름
// let 1stPlace = "First"; // 숫자로 시작 (오류 발생)
// let 123abc = "Invalid";  // 숫자로 시작 (오류 발생)

console.log(userName);  // "Alice"
console.log(_totalAmount); // 100
console.log($price); // 29.99

대소문자 구분

대소문자 구분합니다 예를 들어 my나 My는 서로 다른 변수입니다.

let myVariable = "Hello, World!";
let MyVariable = "Hello, Universe!";

// 대소문자가 다른 변수
console.log(myVariable); // "Hello, World!"
console.log(MyVariable); // "Hello, Universe!"

// 대소문자 구분 확인
if (myVariable === MyVariable) {
    console.log("변수들이 같습니다.");
} else {
    console.log("변수들이 다릅니다."); // 이 메시지가 출력됩니다.
}

예약어 사용금지

자바스크립트의 예약어는 변수 이름으로 사용할 수 없습니다.

// 잘못된 변수 이름 (예약어 사용)
let if = "조건문";      // 오류 발생
let for = "반복문";     // 오류 발생
let while = "루프";     // 오류 발생
let return = "반환";    // 오류 발생

// 올바른 변수 이름
let condition = "조건문"; // 올바름
let loopCount = 10;      // 올바름

console.log(condition);   // "조건문"
console.log(loopCount);    // 10

길이 제한

변수의 이름의 길에 제한은 없지만, 명확한 이름을 사용하는게 좋습니다.

// 매우 긴 변수 이름
let thisIsAVeryLongVariableNameThatDescribesWhatThisVariableIsHolding = "긴 변수 이름 예제";

// 짧은 변수 이름
let a = 10;

// 의미 있는 중간 길이 변수 이름
let userAge = 25;

// 출력
console.log(thisIsAVeryLongVariableNameThatDescribesWhatThisVariableIsHolding); // "긴 변수 이름 예제"
console.log(a); // 10
console.log(userAge); // 25

스타일 가이드

변수 스타일 가이드는 카멜 케이스나 스네이크 케이스를 사용합니다

카멜 케이스

소문자로 시작하고 각 단어의 첫 글자를 대문자로 작성합니다.

let firstName = "John";          // 소문자로 시작
let lastName = "Doe";            // 각 단어의 첫 글자를 대문자로
let userEmail = "john.doe@example.com"; // 소문자로 시작
let accountBalance = 1500.75;    // 소문자로 시작

console.log(firstName);          // "John"
console.log(lastName);           // "Doe"
console.log(userEmail);          // "john.doe@example.com"
console.log(accountBalance);      // 1500.75

스네이크 케이스

단어를 밑줄로 구분합니다.

let first_name = "Jane";         // 단어를 밑줄로 구분
let last_name = "Smith";         // 단어를 밑줄로 구분
let user_email = "jane.smith@example.com"; // 단어를 밑줄로 구분
let account_balance = 2500.50;    // 단어를 밑줄로 구분

console.log(first_name);         // "Jane"
console.log(last_name);          // "Smith"
console.log(user_email);         // "jane.smith@example.com"
console.log(account_balance);     // 2500.50

https://idocleancode.tistory.com/424

[자바스크립트] 학습 로드맵

자바스크립트 소개자바스크립트란?자바스크립트 역사자바스크립트 실행 방법자바스크립트 변수변수의 선언호이스팅참고 자료https://roadmap.sh/javascript JavaScript Developer Roadmap: Step by step guide to lea

idocleancode.tistory.com