210709(금) - 추가 논의

1. 추가 논의 (프론트)

---

1. 추가 논의 (프론트)

컴포넌트 타입 네이밍 관련

컴포넌트에 스타일 파일에서 타입이 필요한 경우, 객체 네이밍을 컴포넌트_props로 하기 -> ex) Label 컴포넌트가 sizeType을 받고 있으므로, 타입 관련 객체 네이밍은 LABEL_SIZE_TYPE

컴포넌트 prop 관련 (propTypes, defaultProps)

prop으로 children이 온다면 맨 앞에 쓴다

propTypes에서 children은 항상 isRequired로 설정하고 맨 위에 쓴다. isRequired인 prop은 children 다음 줄부터 써준다

isRequired가 설정되지 않은 prop은 안정성을 높이기 위해서 default prop을 설정해야 한다는 eslint 규칙 추가

 // .eslintrc
 
 {
 ...
 
 "rules": {
    ...
    
    "react/require-default-props": "error",
    "react/jsx-sort-props": [
      "error",
      {
        "callbacksLast": true,
        "noSortAlphabetically": true
      }
    ]
  }
}

 

props들의 최소한의 순서를 지켜주기 위해서 react/jsx-sort-props 추가 / 맞지 않을 경우 에러로 보여주며 콜백이 맨 뒤로, 알파벳 순으로 정렬하는 않도록 한다.

커밋 메시지 관련

초기 세팅(패키지 등)이 추가적으로 필요하면 설치하고 말하기 -> 커밋 메시지 - 'chore: 초기 설정 추가'

컴포넌트 커밋 메시지 -> ex) 'feat: Label 컴포넌트, 스토리북 구현'

Co-authored-by 붙이기