1. 서론
자바스크립트에서 변수를 선언하고 사용하는 것은 매우 기본적이지만 중요한 부분입니다. 변수를 잘 정의하고 명명하는 것은 코드의 가독성을 높이고 유지보수를 용이하게 만듭니다. 이번 포스트에서는 자바스크립트에서 변수명을 만드는 기준에 대해 알아보겠습니다.
2. 변수명 명명 규칙
자바스크립트에서 변수를 선언할 때에는 몇 가지 규칙이 있습니다.
-
첫 글자는 영문자, 달러($), 언더바(_)로 시작해야 합니다.
-
두 번째 이후 글자는 영문자, 달러($), 언더바(_), 숫자가 올 수 있습니다.
-
대소문자를 구분합니다 : myVariable과 myvariable은 서로 다른 변수로 인식됩니다.
예를 들어, 다음과 같은 변수명이 유효합니다:
let myVariable = 10;
let $price = 20;
let _userName = 'John';
반면에 다음과 같은 변수명은 유효하지 않습니다:
let 1stVariable = 30; // 첫 글자가 숫자
let my-variable = 'test'; // 하이픈(-) 사용
3. 변수명 작성 시 고려해야 할 사항
변수명을 작성할 때는 몇 가지 고려해야 할 사항이 있습니다:
-
의미 있는 이름 사용 : 변수가 어떤 값을 담고 있는지를 알 수 있도록 의미 있는 이름을 사용하는 것이 좋습니다.
-
일관성 유지 : 프로젝트 내에서 일관된 네이밍 컨벤션을 유지하는 것이 중요합니다.
-
짧고 간결하게 : 너무 길거나 복잡한 이름은 피하는 것이 좋습니다.
예를 들어, 사용자 정보를 담는 변수가 있다면 userInfo 또는 userDetails와 같이 의미 있는 이름으로 설정하는 것이 좋습니다.
4. 스네이크 케이스와 카멜 케이스
변수명을 작성할 때 주로 사용하는 두 가지 스타일인 스네이크 케이스(snake_case)와 카멜 케이스(camelCase)에 대해 알아보겠습니다.
- 스네이크 케이스 : 각 단어를 언더바(_)로 연결하여 작성합니다.
예시: user_name, order_id - 카멜 케이스 : 첫 번째 단어는 소문자로 시작하고 이후 단어의 첫 글자는 대문자로 작성합니다.
예시: userName, orderId
일반적으로 자바스크립트에서는 카멜 케이스를 많이 사용하지만 팀이나 프로젝트에 따라 다르게 적용될 수 있습니다.
5. 예약어와 변수명 사용
-
자바스크립트에는 예약어(reserved words)가 존재하며 이들은 변수를 선언할 때 사용할 수 없습니다. 예를 들어, if, else, for, function 등은 예약어입니다.
-
예약어 목록은 MDN 웹 문서에서 확인할 수 있으며, 이를 피하여 안전하게 변수를 선언해야 합니다.
6. 결론
이번 포스트에서는 자바스크립트에서 변수명을 만드는 기준에 대해 알아보았습니다. 올바른 네이밍 규칙을 준수하면 코드의 가독성을 높이고 협업 시에도 큰 도움이 됩니다. 앞으로 코드를 작성할 때 이러한 기준들을 잘 기억하시길 바랍니다!
여러분도 이제 자바스크립트를 배우면서 자신만의 멋진 코드 작성을 해보세요!
참고자료
[1] velog - [Javascript] 변수 선언하기 (https://velog.io/@bami/Javascript-%EB%B3%80%EC%88%98-%EC%84%A0%EC%96%B8%ED%95%98%EA%B8%B0)
[2] 티스토리 - 자바스크립트 변수 선언 및 규칙 (JavaScript Variable) - 소신 (https://programmers-sosin.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%B3%80%EC%88%98-%EC%84%A0%EC%96%B8-%EB%B0%8F-%EA%B7%9C%EC%B9%99-JavaScript-Variable)
[3] GitHub - Javascript 변수명 작성 규칙 및 예약어 (https://sunghwancode.github.io/javascript/reservedwords/)
[4] 티스토리 - [Javascript] 변수 선언과 명명 규칙 - 밤의 공간 - 티스토리 (https://bamtory29.tistory.com/entry/Javascript-%EB%B3%80%EC%88%98-%EC%84%A0%EC%96%B8%EA%B3%BC-%EB%AA%85%EB%AA%85-%EA%B7%9C%EC%B9%99)
