컨벤션 - hh99-airbnb-clone/airbnb Wiki

미니2 프로젝트 FE 컨벤션

git commit

  • 의미 없는 주석 & console.log 삭제 후 커밋
  • 지정된 커밋 메세지 사용, 추가 내용 밑줄에 기록

수정 . message : 의미 없는 실수 수정

fix . message : 예상치 못한 에러 수정

add . message : CSS 컴포넌트 추가

update . message : 전반적인 build up

delete . message : 파일 삭제

move . message : 경로 이동

merge . message : 병합 메세지

Redux

  • 미들웨어 함수명 시작은 __
  • toolkit 사용
  • axios 사용 CRUD
  • 함수 순서 READ, CREATE , UPDATE, DELETE순으로 작성
  • 액션 type : "모듈명/CRUD"

Components

  • import 순서 : 패키지 > CSS > 컴포넌트
  • useSelector > dispatch > navigate > useState > useRef > 최 상단에 작성
  • stlyed-components는 최 하단에 작성
  • styled-components 사용 시 묶음 div는 const = Wrap... 으로작성

CSS

  • 색상은 global Style에 정해진 색상만 사용
  • 비슷한 계열에 색은 최대 3개 (진한, 보통, 연한)
  • 작성 순서 position , display, width, height, margin, padding .... 나머진 자유