강의를 듣다가 변수를 선언할 때 변수명에 달러($) 기호를 사용하는 것을 보았다. JavaScript 변수는 변수명에 달러($)나 언더바(_)를 사용할 수 있는데, 단어를 구분하거나 내부에서 사용됨을 표시하는 언더바(_)처럼 변수명에 사용되는 달러($) 기호 사용에 통용되는 의미가 있는지 궁금했다.

의미

식별자에 사용되는 달러($) 기호는 해당 변수가 DOM Node라는 것을 의미한다. 과거 jQuery를 사용할 때 $(node)로 node를 검색했던 것에서 이어져 현재까지도 DOM node를 표현하기 위해 변수명에 달러($)를 붙여준다.

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

달러($) 기호 사용이 싫다면 변수명 뒤에 Element를 붙여 명확하게 할 수 있다.

const todosElement = document.querySelector(".todos");