본문 바로가기
개발자 꿈나무/JavaScript

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

by ♥︎해이나♥︎ 2021. 7. 14.
반응형

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

 

 

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

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

- 예약어(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

Google JavaScript Style Guide 1 Introduction This document serves as the complete definition of Google’s coding standards for source code in the JavaScript programming language. A JavaScript source file is described as being in Google Style if and only i

google.github.io

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

 

JavaScript Style Guide

JavaScript Style Guide Always use the same coding conventions for all your JavaScript projects. JavaScript Coding Conventions Coding conventions are style guidelines for programming. They typically cover: Naming and declaration rules for variables and func

www.w3schools.com

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

 

JavaScript Standard Style

English • Español (Latinoamérica) • Français • Bahasa Indonesia • Italiano (Italian) • 日本語 (Japanese) • 한국어 (Korean) • Português (Brasil) • 简体中文 (Simplified Chinese) • 繁體中文 (Taiwanese Mandarin) 이것은 Ja

standardjs.com

 

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

반응형

댓글0