👩🏻‍💻 Coding Convention 🧑🏻‍💻

코딩 컨벤션은 읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약이다. 특히 자바스크립트는 다른 언어에 비해 유연한 문법구조(동적 타입, this 바인딩, 네이티브 객체 조작 가능)를 가지기 때문에 개발자 간 통일된 규약이 없다면 코드의 의도를 파악하거나 오류를 찾기 어렵다. 코딩 컨벤션을 준수하면 가독성이 좋아지고, 성능에 영향을 주거나 오류를 발생시키는 잠재적 위험 요소를 줄여준다. 특히 규모가 큰 프로젝트일수록 유지보수 비용을 줄이는 데 도움이 된다.

들여쓰기

tab 사용

사용하는 개발 환경에 따라 들여쓰기가 다르게 보일 수 있으므로 space 대신 tab을 사용한다.

문장의 종료

세미콜론(;) 사용

한 줄에 하나의 문장만 허용하며, 문장 종료 시에는 반드시 세미콜론(;)을 사용한다.

명명 규칙

• 변수, 함수는 카멜 케이스를 사용한다. 예) productName, productPrice, handleClick, isActive
• 생성자는 파스칼 케이스를 사용한다. 예) ConstructorName
• 예약어를 사용하지 않는다. 예) name, class, enum, extends, super, const, export, import
• URL, HTML 같은 범용적인 대문자 약어는 대문자 그대로 사용한다.

선언

• var는 사용하지 않도록 한다.
• 값이 변하지 않는 변수: const
• 값이 변하는 변수: let
• const를 let보다 위에 선언한다.
• 배열과 객체는 리터럴 방식로 선언한다.

// 옳지 않은 예
let arr = new Array(1, 2, 3, 4, 5);

// 옳은 예
let array = [1, 2, 3, 4, 5];

비동기 통신

async 함수를 사용한다.

함수 반환

return문 바로 위는 가독성을 위해 한 칸 비워 놓는다.

function productPrice() {
  ...

  return someDataInFalse;
}