기록

혼자 하는 코딩이라면 신경을 안 써도 되는 부분이지만... 협업간에 꼭 필요한 부분이다. lint와 prettier로 맞추어갈수 있다지만 현 회사에서 컨벤션을 맞추기 위해 기록한 부분들을 블로그로 옮겨본다. 1. 네이밍 규칙 1 - 1 파일명 component, enum 관련파일 UpperCamelCase로 표기 ex) MainPage.tsx 그외에 파일들은 lowerCamelCase로 표기한다. ex) index.tsx, 1 - 2 폴더명 component와 container 내부 하위 폴더들은 UpperCamelCase 표기 pages의 하위 폴더는 - 표기 ex) pay-management 1 - 3 변수, 함수 lowerCamelCase로 표기 1 - 4 컴포넌트명, enum명 UpperCamel..

Prettier 설치 npm i -D prettier Prettier 파일 설정 root에 .prettierrc.js 생성 module.exports = { singleQuote: true, //인용부호 작은 따옴표 사용 semi: true, //모든 문법 끝에 세미콜론 추가 useTabs: false, tabWidth: 2, //탭 공백 넓이 trailingComma: 'none', //후행 쉼표 제거 printWidth: 80, //줄바꿈 넓이 bracketSpacing: true, // 브라켓 간격 arrowParens: 'avoid', //arrow function 매개변수 하나일때 괄호 제거 jsxSingleQuote: true //jsx 인용부호 작은 따옴표 사용 }; ESLint 파일 설정 ..