자바스크립트 입문[Javascript] -네이밍 규칙 (Naming)

2021-07-19

자바스크립트 학습일지입니다.

해당 내용은 노마드코더님의 <바닐라JS로 크롬 앱 만들기> 강의를 들으며 추가적인 학습을 정리한 내용입니다.

---

JS(javascript)

 

[Naming] 

 

네이밍의 기본

• 단일 글자로 이름을 짓지 않고 이름을 통해 쓰임새를 알 수 있도록 한다.

  // bad
  function a() {
    // ...
  }
  
  // good
  function apple() {
    // ...
  }

• 이름의 맨앞이나 맨뒤에 밑줄(_)을 사용하지 않는다.

  // bad
  this.__firstName__ = 'monkey';
  this.firstName_ = 'monkey';
  this._firstName = 'monkey';
  
  // good
  this.firstName = 'monkey';

변수 네이밍

• 변수의 이름은 lowerCamelCase로 표기한다. 단 export되는 파일 내의 상수는 예외\

// bad
let 123Number = 123;
let HELLO_WORLD = "Hello World";

// good
let number = 369;
let helloString = "Hello World";​변수의 이름은 알파벳으로 시작해야한다.

함수

• 함수는 lowerCamelCase로 표기한다.

  // bad
  function MyFunction() {...}
  
  // good
  function myFunction() {...}​

• 함수의 이름은 동사(구문)으로 표기한다.

  // bad
  function whereIsCamera() { ... }
  
  // good
  function findCamera() { ... }
  function getFoo() { ... } // getter
  function setBar() { ... } // setter
  function hasCoo() { ... } // booleans​

• 함수를 default export할 때는 camelCase로 표기한다. 단, 함수의 이름이 파일의 이름과 구분되어야한다.

  function makeStyleGuide() {
    // ...
  }
  
  export default makeStyleGuide;​

• 함수 라이브러리를 export할 때는 PascalCase로 표기한다.

"Pascal case means only upper camel case." (WIKIPEDIA)

• 함수의 파라미터는 lowerCamelCase로 표기한다. 
• // bad function someFunction(SOMEVALUE, SOMEARRAY) { ... } // good function someFunction(someValue, someArray) { ... }​

---

출처

airbnb/javascript

 

JavaScript Style Guide

 

Camel case - Wikipedia

 

노마드 코더 Nomad Coders