[JavaScript] 표준 스타일 - 코딩 규약

오픈 소스 프로젝트를 보다 보면 다음과 같은 로고를 쉽게 볼 수 있습니다.

이는 "JavaScript Standard Code Style"이라고 하며, 자바 스크립트 코딩 규약을 정리해 놓은 것 입니다.

이름은 "standard(표준)"이라고 돼 있지만 ECMAScript가 지정해 놓은 표준은 아니며 수많은 코딩 규약 중 하나일 뿐입니다.

많은 프로젝트가 이러한 코딩 규약을 지켜서 코딩하고 있으므로 무엇인지 살펴보겠습니다.

왜 필요할까?

자바스크립트는 오랜 역사를 가지고 있는 프로그래밍 언어입니다.
또한 굉장히 자유롭게 코드를 작성할 수 있는 프로그래밍 언어입니다. 그래서 프로그래머의 취향에 따라 다양한 스타일로 코드가 작성돼 왔습니다. 하지만 너무 자유로운 작성 스타일에 여러 사람이 함께 작업할 떄 혼란을 일으킬 수 있습니다.

이때 좋은 코딩 규약이 있으면 여러모로 도움이 됩니다.

코딩 규약은 들여쓰기에 탭을 사용할지, 문장 끝에 세미콜론을 사용할지 등의 코딩 규약을 모아둔 것입니다. 게다가 규약을 정할 뿐만 아니라 프로그램이 코딩 규약에 맞는지 여부를 확인하는 JSLint, JSHint, ESLint 등의 도구도 지원합니다.

간단히 JS 표준 스타일을 살펴보겠습니다.

• 들여쓰기를 할 때는 공백 2개를 사용합니다.
• 문자열에는 작은따음표를 사용합니다.
• 사용하지 않는 변수는 정의하지 않습니다.
• 예약어 뒤에는 공백을 추가합니다.
• 함수 선언 괄호 앞에 공백을 추가 합니다.
• == 대신 ===을 사용합니다.
• 공백 사이에 연산자를 넣어주세요.
• 쉼표 뒤에 공백이 있어야합니다.
• else 구문은 중괄호와 같은 줄에 둬야합니다.
• 여러 줄의 if 구문을 사용할 경우 중괄호를 사용해야합니다.
• 함수에 매개변수 err가 있을 경우 항상 처리해야합니다.
• 브라우저 전역 접두어인 window를 붙여야 합니다. 다만 document, console, navigator를 사용할 경우 생략이 가능합니다.
• 여러줄의 공백을 허용하지 않습니다.
• var 선언의 경우 하나씩 선언해야 합니다.
• 조건부 할당은 추가적으로 괄호로 묶습니다.
• 한 줄을 중괄호로 처리할 경우 공백을 추가합니다.
• 변수와 함수 이름에는 개멀케이스를 사용합니다.
• eval()을 사용하지 않습니다.

이 밖에도 많은 규칙이 있습니다. 아래 링크를 통해 규약을 확인할 수 있습니다.

https://standardjs.com/rules-kokr.html