prettier setting

// prettierrc.json
{
    "trailingComma": "all",
    "tabWidth": 2,
    "semi": true,
    "singleQuote": true,
    "printWidth": 80,
    "arrowParens": "always"
  }

vscode setting

{
	"prettier.configPath": ".prettierrc.json",
	"editor.formatOnSave": true,
	"editor.defaultFormatter": "esbenp.prettier-vscode",
	"editor.codeActionsOnSave": {
	  "source.organizeImports": "explicit"
	}
}

Naming
 변수명은 카멜케이스
 뜻을 직관적으로 확인할 수 있게끔 작성
 함수명은 동사형태 변수는 명사형태
 상수값은 모두 대문자, 띄어쓰기는 _로 표현
 Boolean 타입 선언시 isValue와 같이 앞에 is를 붙이기 isValue 자체는 true값 반환할 수 있도록
 리액트 컴포넌트는 대문자부터 시작 (HomeComponent)
 리액트 커스텀 훅은 use 접두사 붙이기
 이벤트에 넣는 함수는 handle 접두사 붙이기
 스타일 컴포넌트는 앞에 St 접두사 붙이기
 스타일 컴포넌트 접미사 Container 는 여러 개 담을 때
 스타일 컴포넌트 접미사 Wrapper는 1개를 담을 때
Styling
 스타일 컴포넌트 파일은 맨 아래에 작성하기
 리덕스는 ducks 패턴 유지
 px단위가 아닌 rem 단위 사용