자바스크립트에서 가장 기본이 되는 개념 중 하나가 변수입니다.
정보를 저장, 사용하기 위해서는 변수명을 제대로 짓는 것이 매우 중요해요.
오늘은 변수를 선언할 때 꼭 지켜야 할 규칙과
자주 쓰는 표기법을 정리해드릴께요.
변수명 작성 시 꼭 지켜야 할 규칙 5가지
1.변수명은 영문자, $, _로 시작해야 해요
숫자는 맨 첫글자에 오면 안됩니다. 두번째부터 사용 가능합니다.
2. 변수명에는 영어, 숫자, $, _ 사용 가능
3.예약어는 변수명으로 사용할 수 없어요
자바스크립트에서 이미 특별한 기능으로 예약된 단어는
변수명으로 쓰면 절대 안됩니다.
예시 이미지와 같은 예약어를 쓰면 에러가 납니다.
4. 변수명은 의미있게 지어요
변수명을 잘 지으면 협업 시 모두가 이해하기 편합니다.
5. 변수명은 대소문자를 구분해요
userName과 UserName은 완전히 다른 변수로 인식합니다.
변수명 짓는 방식 (표기법)
1. 카멜 표기법 (camelCase)
- 단어 첫 글자는 소문자
- 두번째 단어부터 첫 글자 대문자
- 낙타의 등처럼 생겨서 '카멜표기법'이라고 함
자바스크립트 변수명에서 가장 많이 쓰는 표기법입니다.
2. 스네이크 표기법 (snake_case)
- 단어 사이를 언더바( _ )로 연결
- HTML, CSS에서 클래스명이나 ID에 자주 쓰는 방식입니다.
어떤 표기법을 써야 할까?
- 변수나 함수 이름 : 카멜표기법
- 파일명, class명, ID명, 설정값 : 스네이크표기법 or 케밥표기법(user-name)
가장 중요한 것은 일관성입니다.
혼합해서 쓰지 말고, 하나로 통일해서 사용하는 습관을 들이세요.
복습 퀴즈
1. var 100score = 90; 이 코드는 에러일까요?
2. "userName" 과 "UserName" 은 같은 변수일까요?
3. 카멜표기법과 스네이크표기법의 차이는 무엇인가요?
마무리하며
변수는 데이터를 담는 그릇,
그 변수명을 짓는 것은 그릇에 이름표를 붙이는 일이예요.
잘 지은 변수명은 나중에 코드를 다시 볼 때도,
협업할 때도 큰 도움이 됩니다.
다음 글에서는 연산자에 대해서 배워볼거예요.