들여쓰기
tap과 띄어쓰기를 혼용해서 사용하지 않는다.
스페이스 2개 사용
이름짓기
- 변수명은 값의 본질적인 의미를 갖는다
- 할당된 값이 아닌, 값의 의미가 변수 이름에 반영되어야 한다
- 여러개가 할당된 변수이름은 복수명사가 좋다
- boolean이 할당된 변수는 is/are을 붙여 참/거짓임을 표현한다
- 함수이름은 동사로 시작하는 것이 좋다
- 변수 할당 값이 class인 경우는 변수의 첫글자를 대문자로 사용한다
- 상수는 모두 대문자로 적는다
기호, 구두점
- 중괄호는 생략하지 않는다.
- 문자열은 작은 따옴표를 권장한다. (HTML의 큰 따옴표와 구분) 큰 따옴표를 사용하더라도 작은따옴표와 혼용하지 않는다.
- 줄 바꿈이 필요한 문자열은 ``
백틱
사용을 권장한다.
if
for
while
문 끝에는 세미콜론을 사용하지 않는다.
함수표현식
끝에는 세미콜론을 사용한다.
연산자
- 엄격한 연산자
===
!==
를 사용한다.
- 3항 연산자(
?
)는 가독성이 좋은 경우만 사용한다.
not
연산자 !
는 바로 앞에 붙여서 사용한다.
if(!isDog) {
짧은 코드 구현
- 분명하고 실행이 되는 한, 되도록 짧게쓴다.
변수 선언이 필요하지 않을 경우 바로 리턴한다
- 부정의 의미가 명확한 곳에만
!
not
연산자를 사용한다.
- boolean값이 나오는 표현문은 바로 return 한다.
코드 사이 공간
- 줄 바꿈은 최소로 한다.
- 들여쓰기는 일관성있게, 최소화하여 사용한다.
- 같은 라인에 값을 보기 위한 들여쓰기는 지양한다.
,
사이는 한 칸 띄어쓴다.
연산자
사이는 한 칸 띄어쓴다.
camelCase
- 상수이름을 지을 때를 제외하고는 자바스크립트에서는
camelCase
를 쓴다.