jQuery객체 변수 이름 앞에는 왜 ‘$’를 붙일까?

JavasScript에서는 특히 jQuery를 사용하는 맥락에서 변수 이름 앞에 $를 붙이는 관례가 일반적이다. 엄격한 규칙은 아니지만 변수가 jQuery객체를 보유하고 있음을 나타내는 것이 관례가 되었다.

 

 

이 규칙을 사용하는 몇 가지 이유는 다음과 같다.

• 가독성: 변수가 jQuery 객체라는 신호를 빠르게 보내 코드를 더 읽기 쉽게 만든다. 이는 대규모 코드베이스나 코드를 빠르게 스캔할 때 특히 유용하다.
• 충돌 방지: JavaScript에서는 변수에 거의 모든 이름을 지정할 수 있다. jQuery와 함께 다른 라이브러리나 프레임워크를 사용하는 경우 이 규칙은 이름 충돌을 방지하는 데 도움이 된다.
• 자체 문서화 코드: 자체 문서화의 한 형태로 사용된다. 다른 사람(또는 자신)이 코드를 읽을 때 $ 접두사가 붙은 변수가 jQuery 객체라는 것을 빠르게 인식할 수 있다.
• 일관성: 많은 jQuery 개발자가 이 규칙을 채택하여 프로젝트 전체에 일관성을 만들고 개발자가 서로 다른 코드베이스 간에 더 쉽게 전환할 수 있도록 했다.

 

 

예를 들면, 다음과 같다.

// Without the $ convention
const button = document.getElementById('myButton');
button.addEventListener('click', function() {
  // Do something
});

// With the $ convention
const $button = $('#myButton');
$button.on('click', function() {
  // Do something
});

 

두 번째 예시와 같이 변수명을 지어주면 그것이 jQuery 객체라는 것이 분명해지며, 이 규칙에 익숙한 개발자는 jQuery 메서드가 여기에 적용될 수 있다는 것을 즉시 알 수 있다.

 

---

 

#References

https://despiteallthat.tistory.com/133

https://whose.tistory.com/586