Code Convention

Prettier

{
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": false,
  "quoteProps": "consistent",
  "trailingComma": "es5",
  "bracketSpacing": true,
  "arrowParens": "avoid"
}

폴더명

폴더 이름은 camelCase로 작성합니다. 복수 취급합니다.   
ex) pages, components, hooks, utils

파일명

파일 이름은 camelCase를 사용합니다. 용도에 따라 단수, 복수 취급합니다.   
ex) file.tsx, files.tsx

변수 & 함수명

변수명과 함수명은 camelCase로 작성합니다.   
ex) const variable:string = 'variableName'
const login = () => { }

Function

JSX를 리턴하는 컴포넌트는 ParscalCase를 사용합니다.   
ex) function FunctionName() {}

함수명은 camelCase를 사용합니다. JSX를 리턴하는 컴포넌트 제외 arrow function만을 사용합니다.
ex) const functionName = () => {}

Type & Interface명

Type과 Interface, Component의 이름은 PascalCase를 사용합니다.
ex) type TypeName
interface InterfaceName
ComponentName