[JS] 자바스크립트 메서드 작명 규칙

자바스크립트 메서드 이름 짓기 규칙

자바스크립트에서 메서드 이름을 지을 때는 다음과 같은 규칙을 따르는 것이 좋습니다.

1. 동사로 시작하기

메서드 이름은 보통 동사로 시작합니다. 메서드가 어떤 동작을 수행하는지 잘 나타내야 합니다.

2. 카멜 케이스 사용하기

두 개 이상의 단어를 이어서 메서드 이름을 지을 때는 카멜 케이스(camel case)를 사용합니다. 즉, 두 번째 단어부터 첫 글자를 대문자로 적습니다.

// Good
function calculateTotalPrice() {
  // ...
}

// Bad
function calculatetotalprice() {
  // ...
}

3. get, set 접두어 사용하기

객체의 속성을 가져오거나 설정하는 메서드의 경우, get과 set 접두어를 사용하는 것이 좋습니다.

const person = {
  _name: 'Alice',
  get name() {
    return this._name;
  },
  set name(value) {
    this._name = value;
  }
};

4. 적절한 이름 사용하기

메서드 이름은 해당 메서드가 수행하는 동작을 잘 나타내야 합니다. 또한, 변수와 함수의 이름은 명확하고 의미 있는 이름을 사용해야 합니다.

// Good
function calculateTotalPrice(items) {
  // ...
}

// Bad
function price(items) {
  // ...
}

이러한 규칙을 따르면 코드의 가독성을 높일 수 있고, 유지 보수가 쉬워집니다.

 

버튼을 클릭할 때마다 상태바(얼마나 진행되었는지)가 올라가는 기능을 담은 메서드를 작성하려면??

상태바가 올라가는 기능을 담은 메서드

적절한 동사로 시작하는 메서드 이름은 다음과 같이 작성할 수 있습니다.

function increaseStatusBar() {
  // ...
}

위 예시에서는 "increase"라는 동사를 사용하여 상태 바가 올라가는 기능을 수행하는 메서드임을 나타내었습니다. 이러한 메서드 이름을 사용하면 코드를 읽는 사람이 해당 메서드가 수행하는 동작을 바로 이해할 수 있습니다.