Convention

Code Convention

공통

• Prettier, ESLint을 통해 기계적인 실수를 잡는다

  printWidth: 150,
  tabWidth: 4,
  singleQuote: false,
  trailingComma: "none",
  bracketSpacing: true,
  semi: true,
  useTabs: false,
  arrowParens: "always",
  endOfLine: "lf",
  jsxBracketSameLine: true,
  jsxSingleQuote: false

변수 선언

• const, let을 사용하여 변수 타입을 선언한다.

  var sayHello = "hello"; (x)
  let sayHello = "hello"; (o)
  const sayHello = "hello"; (o)

변수 / 함수 네이밍

• 자주 사용되는 다른 의미를 가진 단어는 피한다.
• 변수이름은 명확한 개념을 나타내고 서술형으로 작성한다
• 클래스는 앞 글자를 대문자로 선언한다.

모듈

• export를 할 때 default를 쓰지 않는다

  const sayHello();
  const sayHello2();
  export { sayHello, sayHello2 };

파일 네이밍

• 백엔드
  • 케밥 케이스를 통한 파일 이름 선정
• 프론트엔드
  • 컴포넌트는 파스칼 케이스로 작성
  • 함수랑 유틸은 케밥 케이스로 작성

Commit Convention

Udacity Commit Message Style

• 참조

[FE], [BE] 태그 붙이기

• 예시) feat: [FE] 제목