[Clean code] 가독성 좋은 코드적기

soor.dev·2021년 3월 17일
0

Others

목록 보기
2/7

들여쓰기

tap과 띄어쓰기를 혼용해서 사용하지 않는다.
스페이스 2개 사용

이름짓기

  • 변수명은 값의 본질적인 의미를 갖는다
  • 할당된 값이 아닌, 값의 의미가 변수 이름에 반영되어야 한다
  • 여러개가 할당된 변수이름은 복수명사가 좋다
  • boolean이 할당된 변수는 is/are을 붙여 참/거짓임을 표현한다
  • 함수이름은 동사로 시작하는 것이 좋다
  • 변수 할당 값이 class인 경우는 변수의 첫글자를 대문자로 사용한다
  • 상수는 모두 대문자로 적는다

기호, 구두점

  • 중괄호는 생략하지 않는다.
  • 문자열은 작은 따옴표를 권장한다. (HTML의 큰 따옴표와 구분) 큰 따옴표를 사용하더라도 작은따옴표와 혼용하지 않는다.
  • 줄 바꿈이 필요한 문자열은 ``백틱 사용을 권장한다.
  • if for while문 끝에는 세미콜론을 사용하지 않는다.
  • 함수표현식 끝에는 세미콜론을 사용한다.

연산자

  • 엄격한 연산자 === !==를 사용한다.
  • 3항 연산자(?)는 가독성이 좋은 경우만 사용한다.
  • not연산자 !는 바로 앞에 붙여서 사용한다.
    if(!isDog) {

짧은 코드 구현

  • 분명하고 실행이 되는 한, 되도록 짧게쓴다.
    변수 선언이 필요하지 않을 경우 바로 리턴한다
  • 부정의 의미가 명확한 곳에만 ! not연산자를 사용한다.
  • boolean값이 나오는 표현문은 바로 return 한다.

코드 사이 공간

  • 줄 바꿈은 최소로 한다.
  • 들여쓰기는 일관성있게, 최소화하여 사용한다.
  • 같은 라인에 값을 보기 위한 들여쓰기는 지양한다.
  • ,사이는 한 칸 띄어쓴다.
  • 연산자 사이는 한 칸 띄어쓴다.

camelCase

  • 상수이름을 지을 때를 제외하고는 자바스크립트에서는 camelCase를 쓴다.

0개의 댓글