자바스크립트 좋은 변수명 짓기 & 스타일 가이드

자바스크립트 코드를 쓰고 변수명을 지을 때에 도움이 될 만한 몇가지 팁을 공유하려고 한다.

 

 

- 자바스크립트 식별자는 알파벳 대소문자, 밑줄(_), 달러기호($), 숫자를 사용한다.

- 식별자는 알파벳 대소문자를 구별하며, 첫글자로 숫자는 사용할 수 없다. 

- 예약어(let, if, for 등)는 변수명으로 사용할 수 없다.

- 의미없는 변수명(a, b, c 등)은 되도록 사용하지 않도록 한다.

- 변수 이름은 첫번째 글자는 소문자, 띄어쓰기가 있는 각 단어의 첫 문자는 대문자로 표기(camelCase)한다.

- 코드 들여쓰기는 2칸 공백을 사용한다.

 

다른 건 다 그렇다치고 파이썬 기초 강의를 듣고 나니 변수 표기법과 들여쓰기가 파이썬과 달라서 혼란스러워 하는 중이다. 코드 들여쓰기의 경우 파이썬은 4칸 공백을 권장하는데 자바스크립트는 2칸 공백을 권장한다. 그리고 변수 이름을 지을 때 파이썬은 밑줄(_)을 사용하는 반면 자바스크립트는 알파벳 대소문자로 차이를 둔다. 

ex) 파이썬에서는 apple_price, 자바스크립트에서는 applePrice

이러한 네이밍 컨벤션을 각각 camel case, snake case라고 하는데 이 부분은 나중에 기회가 되면 더 자세히 소개하도록 하겠다.

 

파이썬과 마찬가지로 자바스크립트도 많은 사람들이 약속으로 정하고 공유하는 스타일 가이드가 존재한다. 아래에 스타일 가이드 링크 몇 개를 첨부하니 참고하면 앞으로 자바스크립트 공부를 하는 데에 도움이 될 듯 하다.

 

구글 스타일 가이드 : https://google.github.io/styleguide/jsguide.html

Google JavaScript Style Guide

W3SCHOOL 스타일 가이드 : https://www.w3schools.com/js/js_conventions.asp

JavaScript Style Guide

STANDARDJS 스타일 가이드 : https://standardjs.com/rules-kokr.html

JavaScript Standard Style

 

어후, 공부할 게 한두가지가 아니다. 그래도 하다 보면 언젠간 익숙해지리라 믿고 개발자 꿈나무들 모두 화이팅:) 이만 자러 가야겠다.