컨벤션이란?

개발자들이 코드 작성 시 따르는 일련의 규칙과 지침을 이야기합니다.
코드의 일관성 유지와 가독성을 높이고, 협업에 원활성을 증대시킵니다.
회사, 팀, 언어, 프로젝트마다 각기 다른 컨벤션을 구성하고 지켜나갑니다.
컨벤션을 잘 따름으로써 코드 품질 향상과 코드 이해 및 유지보수에 도움을 줍니다.

코드 컨벤션

물론 모든 컨벤션을 '무조건' 따를 필요는 없습니다.
스타일에 대한 선호에 따라, 팀 내의 규칙에 따라 다릅니다.
어떤 스타일이 존재하는지 자바스크립트 컨벤션에 대해 소개합니다.

네이밍 컨벤션

함수, 변수, 인스턴스를 작성할 때는 Lower Camel Case(카멜 케이스)를 사용합니다. Camel Case는 단어가 합쳐진 부분마다 맨 처음 글자를 대문자로 표기하는 방법입니다. lowerCamelCase와 UpperCamelCase로 세부적으로 나뉩니다.

  • lowerCamelCase : 맨 앞글자를 소문자로 표기하는 방법
  • UpperCamelCase : 맨 앞글자를 대문자로 표기하는 방법
name.js
const firstName = "Com";
const lastName  = "per";

코드 들여쓰기

코드 들여쓰기에는 항상 2개의 공백을 사용합니다.

toCelsius.js
function toCelsius(fahrenheit) {
  return (5 / 9) * (fahrenheit - 32);
}

진술 규칙

간단한 명령문은 항상 세미콜론으로 끝냅니다.

person.js
const person = {
  firstName = "Com",
  lastName  = "per",
  personalColor = "red"
};

린터

매우 많은 컨벤션을 일일이 지키는 것은 매우 고된 일입니다.
특히 동적 타이핑과 유연한 문법을 가진 자바스크립트는 코드 품질 관리가 어렵습니다.
이러한 문제를 위해 문법 오류, 잠재적 버그를 자동으로 검출하는 도구가 개발되었습니다.

자바스크립트 린터

자바스크립트에서 주로 사용되는 린터 목록입니다.
프로젝트의 요구 사항과 개발자의 선호도에 따라 선택하게 됩니다.


컴퍼레이 프로젝트는 깃허브에서 린터 도구와 유사한 목적을 위해 만들어졌습니다. 다양한 개발자들이 구조와 형태를 맞추고, 새로운 개발자에게 도움을 줍니다.