언어 Language/자바스크립트 Javascript

자바스크립트 프로그래밍 스타일, 코딩 컨벤션 조사

Tap to restart 2020. 10. 28. 18:00

 

W3Schools 설명

(참고: www.w3schools.com/js/js_conventions.asp)

 

변수명은 낙타표기법 camelCase으로

예) firstName = "John";

 

연산자 앞뒤로 한칸 띄우기

예) var x = y + z;

 

코드 블럭 안에는 2칸 띄우기

예)

function sum(a, b) {

  return a + b;

}

 

모든 구문 끝은 세미콜론;

var values = ["Volvo", "Fiat"];

 

이름 짓는 방법Naming Conventions

변수와 함수명은 낙타표기법으로. camelCase

전역변수는 대문자로. UPPER CASE

상수도 대문자로. 예) PI

 

Underscores 방식은 주로 SQL 데이터베이스에서 사용 예) date_of_birth

camelCase 방식은 자바스크립트, 자바스크립트 라이브러리에서 주로 사용 예) var obj = getElementById("Demo")

 

파일명은 소문자로. lower case

대부분의 웹 서버는 대소문자 구별함.

일부 구분 못하는 서버가 존재. 따라서 그냥 무조건 소문자로 파일명을 적는게 안전.

 

 

구글 자바스크립트 스타일 가이드

(참고: Google JavaScript Style Guide)

구글 가이드는 내용이 많다. W3Schools와 비슷한 내용이다.

 

파일명은 무조건 소문자. underscores _ 와 dashes - 사용 가능

"File names must be all lowercase and may include underscores (_) or dashes (-), but no additional punctuation."

 

네이밍. 이름 짓기

팩키지 이름

lowerCamelCase

 

클래스 이름

UpperCamelCase

 

메소드 이름

lowerCamelCase

 

Enum 이름

UpperCamelCase

 

상수Constant 이름

CONSTANT_CASE

 

파라미터 이름

lowerCamelCase

 

지역 변수 이름

lowerCamelCase

 

산문 맞음 틀림
new customer ID newCustomerId newCustomerID

 

실제 구글 firebase nodejs 폴더명, 파일명 사례

파일명과 폴더명에 _ 를 쓰지 않고 -만 사용.

 

vue.js 사례

폴더명과 파일명에 -만 사용.

(출처: github.com/vuejs/vuex/tree/dev/examples)

 

정리

파일명은 무조건 소문자

변수나 함수명은 camelCase