Convention

Style

1. styled-components

styled-components 적용하여 스타일링 한다.

2. 컴포넌트 네이밍

S-dot 네이밍을 활용

• 스타일 컴포넌트를 리액트 컴포넌트와 구분

3. html 태그에 따른 네이밍 규칙

• Layout: 최상위 레이아웃 설정 컴포넌트

• Container: 여러개 요소를 감싸는 컴포넌트

• Wrapper: 1개의 요소를 감싸는 컴포넌트

• Box: div 태그 컴포넌트의 권장 네이밍

• List: ul 태그 컴포넌트의 권장 네이밍

• Item: li 태그, 반복되는 컴포넌트의 권장 네이밍, 반복되는 컴포넌트

• 모든 컴포넌트의 이름에는 기능을 암시하는 단어를 추가

Commit Convention

1. Commit 메시지 구조

type: subject

body

footer

2. Commit Type

<타입>: <제목> 형식으로 작성하며 제목은 최대 50글자 정도로만 입력, 마침표 금지

• feat: 새로운 기능 추가
• fix: 버그 수정
• docs: 문서 수정
• test: 테스트 코드 추가
• refactor: 리팩토링
• style: 코드 의미에 영향을 주지 않는 변경사항
• chore: 빌드 부분 혹은 패키지 매니저 수정사항

3. Commit Body

본문(추가 설명)을 아랫줄에 작성

4. Commit Footer

꼬릿말(footer)을 아랫줄에 작성 (관련된 이슈 번호 등 추가)