주제

코딩 컨벤션

주제 선정 이유

과제 수행

박영웅님 강의 + 한 달 뒤 협업

코딩 컨벤션이란

개발자들이 읽기 쉽고 안티 패턴을 방지할 수 있는 코드를 작성하기 위해 따르는 규칙과 가이드라인을 말합니다. 코딩 컨벤션은 팀 또는 프로젝트에서 정의하며, 협업과 유지 보수를 용이하게 만들어줍니다.

일반적인 코딩 컨벤션

• 들여쓰기, 공백 간격
• 컬리 규칙 - 조건문, 함수 정의 등
• 주석
• 세미콜론
• 가독성을 고려한 코드 작성

도구를 이용한 컨벤션 관리 자동화

1. eslint+prettier+husky(lint-staged)

> npm i --save-dev eslint 
> npm i --save-exact prettier
> npm i --save-dev eslint-config-prettier

.eslintrc

{
  "extends": ["react-app", "eslint:recommended"], 
// eslint에서 기본적으로 추천하는 것을 사용하되, rules에 있는 것들을 추가적으로 적용
  "rules": {
    "no-var": "error", // var 금지
    "no-multiple-empty-lines": "error", // 여러 줄 공백 금지
    "no-console": ["error", { "allow": ["warn", "error", "info"] }], // console.log() 금지
    "eqeqeq": "error", // 일치 연산자 사용 필수
    "dot-notation": "error", // 가능하다면 dot notation 사용
    "no-unused-vars": "error" // 사용하지 않는 변수 금지
		"react/jsx-no-useless-fragment": "error"
  }
}