Code Convention

참고 가이드 - 네이버 자바스크립트 스타일 가이드

변수와 상수

• 변수, 상수 명은 camelCase

• 변수 선언은 var 대신 let, const 사용

  let : 값의 재할당이 필요한 경우 const : 값의 재할당이 필요하지 않은 경우

• 변수 선언은 한 줄에 하나씩

문자열

• 쌍 따옴표 사용 지향

함수

• 함수 명은 camelCase

• 함수 이름은 const 사용

• arrow function 사용 지향

  const functionName = async (req, res, next) => {
    // do something
    // return response
  }
  
  keywordsList.map((data) => data.keyword)

포맷

• 문장의 끝에 세미콜론(;) 사용하기

• 들여쓰기는 4칸 공백 (tab)

• 줄바꿈

  여는 중괄호 이후에 줄을 바꿀 것. 닫는 중괄호 전에 줄을 바꿀 것. 닫는 중괄호 이후에 줄을 바꿀 것. - else, catch, while, 닫는 소괄호, 점, 세미콜론이 따라올 경우 제외

  if (condition(foo)) {
      try {
          something();
      } catch (error) {
          recover();  
      }
  } 

• vertical 공백

  • 2줄 이상 공백을 사용하지 말 것
  • 논리적으로 다른 블록은 한 줄 띄울 것

• horizontal 공백

  • if, for, catch와 같은 키워드와 소괄호 사이 & 닫는 소괄호와 여는 중괄호 사이

  • else, catch와 같은 키워드와 닫는 중괄호 & 여는 중괄호 사이

    if (condition) {
       //do something  
    }
    
    if (condition) {
        //do something
    } else {
        //do something
    }

  • 이항, 삼항 연산자의 양쪽

    const name = someCondotion ? 20 : 30;

  • arrow function에서 ⇒의 사이

    keywordsList.map((data) => data.keyword)

  • = 와 같은 연산자의 양쪽

  • 반점(,) 다음

    const arr = [1, 2, 3, 4];

  • 콜론(:) 다음

    const myobject = {
      "name": "Chris",
      "age": 34,
    };

  • 중괄호 사이의 양 끝

    소괄호, 대괄호는 공백 넣지 않음

    const foo = { clark: 'kent' };

주석

• 주석 // 의 다음에 공백 사용

• TODO 구현이 필요할 때, FIXME 문제 해결이 필요할 때

  // TODO: 주석입니다.
  // FIXME: 주석입니다.

기타

• 비교 구문은 == , !=대신 ===, !==를 사용