Skip to content

✨ Convention

YuJin Kim edited this page Apr 28, 2021 · 4 revisions

🏷 Naming

1. 파일명

  • 컴포넌트의 파일명은 기본적으로 Pascal case를 사용한다. (ex. H3.js, Button.js)
  • 여러 컴포넌트에서 import 하여 사용되는 파일명은 Camel case를 사용한다. (ex. useInputs.js)

2. 변수명

  • 변수명은 기본적으로 Camel case를 사용한다. (ex. className)
  • 가능한 명사를 사용한다.
  • 배열과 같이 여러개의 원소를 담는 경우 복수형 명사를 사용한다.

3. 함수명

  • 함수형 컴포넌트는 기본적으로 파일명과 동일하게 Pascal case를 사용한다.



📮 Commit Message

  • issue-number는 Github의 issue를 발급하고, 생성된 번호를 사용한다.
- [Github issue message] [#{issue-number}]
  - [detail message/changes]



↲↳ Branching

  • branch는 Kebab case로 작성한다.
  • feature -> develop -> release -> master
  • Pull Request는 Merge 전 Reviewer의 approve가 필요하다.
- master
- release
- develop
  - [feature, fix, error(bug)]/{desc...}



👩🏻‍💻 Code

  • VS Code의 prettier extention을 활용한다.
{
  printWidth: 200,
  tabWidth: 2, //default
  singleQuote: false, //default
  trailingComma: es5,
  bracketSpacing: true, //default
  semi: true, //default
  jsxSingleQuote: false //default
}