[JavaScript] 변수명 앞에 달러($) 기호 의미

변수

변수(variable)란 값을 대입할 수 있는 이름(식별자)이다.

 

식별자

변수와 상수, 함수 이름들을 식별자라고 합니다. 식별자는 다음과 같은 규칙이 있다.

• 식별자는 반드시 글자나 달러 기호($), 밑줄(_)로 시작해야 한다.
• 식별자는 글자, 숫자, 달러 기호, 밑줄만 사용할 수 있다.
• 한글을 포함 유니코드를 사용할 수 있다.
• 예약어는 식별자로 사용할 수 없다.

식별자를 사용할 때 일반적으로 다음과 규칙을 따른다.

• 클래스를 정의할 때 사용하는 식별자를 제외하고는 첫글자로 대문자를 쓰지 않는다.(camelCase 또는 CamelCase)
• 밑줄 한 개 또는 두 개로 시작하는 식별자는 특별한 상황, 자신 만이 내부에서 사용할 목적이외로는 사용하지 않는다.
• jQuery를 사용할 때는 달러 기호로 시작하는 식별자는 jQuery 객체 이름으로 사용된다.

---

달러($) 기호

식별자에 사용되는 달러($) 기호는 document.getElementById() 대신 아이디 값처럼 단일한 변수를 표시한다.   document.getElementById()를 사용하는 것이 번거로우니 변수명으로 사용도가 낮은 $를 변수명 앞에 붙여서

다른 변수와 충돌이 일어나지 않도록 하는 것이다.

const $text = document.querySelector(".text");

달러($) 기호 사용이 싫다면 변수명 뒤에 Element를 붙이는 것도 하나의 방법이다.

const textElement = document.querySelector(".text");