ESLint 규칙 중 camelcase란?

camelcase

ESLint 규칙 중 camelcase란?

camelcase 규칙은 변수명과 함수명을 카멜 표기법(camelCase)으로 작성하도록 강제하는 규칙입니다. 첫 번째 단어는 소문자로 시작하고, 이후의 각 단어는 대문자로 시작하는 표기법을 따릅니다.

왜 필요한가?

일관된 네이밍 규칙을 따르는 것은 코드의 가독성과 유지보수성을 높이는 데 매우 중요합니다. 카멜 표기법은 자바스크립트 커뮤니티에서 널리 사용되는 관습이며, 이를 따름으로써 코드를 쉽게 읽고 이해할 수 있습니다. camelcase 규칙은 네이밍의 일관성을 보장하여 코드가 더욱 직관적으로 보이게 만듭니다.

잘못된 예시

언더스코어를 사용한 네이밍은 카멜 표기법을 따르지 않으므로 규칙 위반입니다.

let my_variable = 10;

올바른 예시

카멜 표기법을 사용한 네이밍은 규칙에 맞는 올바른 코드입니다.

let myVariable = 10;

규칙 사용하기

camelcase 규칙을 적용하려면 ESLint 설정 파일 .eslintrc에 다음과 같이 규칙을 추가해야 합니다.

{
  "rules": {
    "camelcase": ["error", { "properties": "never" }]
  }
}

이 설정은 변수 및 함수명에 카멜 표기법을 적용하고, 오류 발생 시 이를 알려줍니다.

결론

camelcase 규칙은 일관된 네이밍 규칙을 유지하게 하여 코드의 가독성을 높이고, 자바스크립트 관습을 따르는 데 도움을 줍니다. 이를 통해 코드의 유지보수와 협업 과정에서 오류를 줄일 수 있습니다.