변수명이 해당 변수를 쉽게 설명할 수 있게 하려면 보통 여러 단어로 이뤄질 가능성이 높습니다. 이때 사용하는 두가지 방법으로 카멜케이스(camelCase) 와 스네이크 케이스(snake_case) 가 있습니다.
자바스크립트 변수명 표기법 (카멜 케이스, 스네이크 케이스)
변수명은 몇가지 제약사항을 제외하고 자유롭게 작명할 수 있습니다. 하지만 일정한 규칙없이 변수명을 만들어가다보면 수 많은 변수를 사용하는 코드 내에서 혼란스럽고, 유지보수에 어려움을 겪을 수 있습니다. 이러한 점을 극복하기 위해 대표적으로 카멜 케이스와 스네이크 케이스를 사용합니다. 이 두가지는 자바스크립트 뿐만 아니라 모든 프로그래밍 언어에 유용한 규칙입니다.
- 카멜 케이스 (camelCase)
- 스네이크 케이스 (snake_case)
카멜 케이스 (camelCase)
카멜 케이스는 첫번째 단어 이후 이어지는 각 단어의 첫 글자를 대문자로 쓰는 방법입니다. 모양이 낙타를 닮았다고 해서 camel(낙타) case(표기법) 으로 불려집니다.
스네이크 케이스 (snake_case)
스네이크 케이스는 단어와 단어사이에 '_' 를 추가하여 구분하는 방법입니다. 단어 아이에 뱀이 있다고 해서 snake(뱀) case(표기법)으로 불려집니다.
마무리
코딩을 하다보면 다루어야할 변수가 많습니다. 카멜 케이스와 스네이크 케이스는 변수명을 파악할 때 코드 가독력을 높여줍니다. 모든 프로그래밍 언어에 적용할 수 있습니다.
두 방법 중 편한 방법을 쓰면 되는데, 저의 경우 구분을 위해 class 명은 카멜 케이스, 나머지 변수 및 함수명을 스네이크 케이스로 혼용하여 사용합니다. 저에겐 스네이크 케이스가 가독력이 좋기 때문에 선언할 일이 많은 변수와 함수명을 스네이크 케이스로 사용하는 것입니다.
오늘도 행복한 코딩생활 되시기 바라겠습니다.
'개발 > javascript' 카테고리의 다른 글
자바스크립트 기초 ep.5 - 입력 (prompt, confirm) (2) | 2022.04.27 |
---|---|
자바스크립트 기초 ep.4 - $ (달러) 기호를 이용한 템플릿 스트링(template string) (4) | 2022.04.26 |
자바스크립트 기초 ep.2 - 변수 (var, let, const, 연산) (0) | 2022.04.25 |
자바스크립트 기초 ep.1 - 원시 자료형 (2) | 2022.04.25 |
자바스크립트 기초 ep.0 - 코드 테스트 사이트 (0) | 2022.04.25 |
댓글