코드 컨벤션
•
시맨틱 마크업
◦
의미있는 변수명 사용, 함수명은 동사로 시작
◦
css: kebab-cacs
◦
js: (변수) camelCase, (클래스) PascalCase
◦
변수 : var 사용 금지
◦
Prettier(코드 포매터) 설정:
{
"trailingComma": "es5", // 객체나 배열 등 마지막 줄의 콤마 여부(ES5부터 허용)
"tabWidth": 2, // 탭너비 2로 설정
"semi": true, // 세미콜론 자동수정
"singleQuote": true, // 큰따옴표를 작은따옴표로 자동수정
"printWidth": 80, // 줄바꿈할 길이 설정
};
Plain Text
복사
.prettierrc
브랜치 전략
깃헙 플로우
채택 이유
•
프로젝트가 규모로 볼 때, 깃헙 플로우로 충분하다고 판단
•
브랜치 관리에 드는 리소스를 적게 가져가기 위해 (최소 기능을 빠르게 구현하는데 집중)
•
커밋 컨벤션
•
제목, 본문, 꼬릿말 컨벤션: Udacity 컨벤션
◦
본문, 꼬릿말 생략 가능
- Feat: 새로운 기능 추가
- Fix: 버그 수정
- Docs: 리드미 등 문서 수정, 라이브러리 설치
- Style: 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
- Refactor: 코드 리팩토링
- Test: 테스트 코드, 리팩토링 테스트 코드 추가
- Chore: 빌드 업무 수정, 패키지 매니저 수정
- Rename: 파일명 혹은 폴더명 수정, 위치 옮기기
- Remove: 파일 삭제
Plain Text
복사
// 형식
type: Subject
body
footer
// ex
Feat: 메인 페이지 아이콘 svg으로 교체
완성도를 위해 기존 이미지로 작업했던 아이콘들을 svg로 교체
close: #1
Plain Text
복사
프로젝트 파일 폴더구조
•
폴더 생성시 폴더명은 대문자로 시작
