1. Git

1.1 Git Commit

커밋 메세지 + 이슈번호

<aside> 📎 깃 커밋 메시지 예시

**Feat: 회원가입 기능 구현**  <--- 제목
(한줄 띄어 분리)
**SMS, 이메일 중복확인 API 개발**  <--- 본문
(한줄 띄어 분리)
**Resolves: #123**  <--- 꼬리말 (선택사항, issue tracker ID 명시하고 싶은 경우 작성)
**Ref: #456
Related to: #48, #45**

</aside>

이모지 코드 태그 이름 설명
🎉 :tada: Init 초기 설정
✨ :sparkles: Feat 기능 추가, 변경
🔥 :fire: Remove 파일이나 코드 삭제
🐛 :bug: Fix 버그, 오류 수정
📝 :memo: Docs README.md, json 파일 등 수정, 라이브러리 설치 (문서 관련, 코드 수정 없음)
💄 :lipstick: Style CSS 등 UI 디자인 변경 (제품 코드 수정 발생, 코드 형식, 정렬, 주석 등의 변경)
♻️ :recycle: Refactor 코드 리팩토링
🧪 :test_tube: Test 테스트 코드 추가, 삭제, 변경 등 (코드 수정 없음, 테스트 코드에 관련된 모든 변경에 해당)
🐎 :racehorse: Ci npm 모듈 설치 등
🐳 :whale: Chore 패키지 매니저 설정할 경우, etc 등 (프로덕션 코드 변경 X)
💡 :bulb: Comment 주석 추가/수정
🚚 :truck: Rename 리소스(예: 파일, 경로, 라우트)를 이동하거나 이름 변경
🚑️ :ambulance: !HOTFIX 긴급 수정
📱 :iphone: Responsive 반응형 작업
🚀 :rocket: Deploy 프로젝트 배포

스크린샷 2024-04-10 오후 11.50.24.png

1.2 Git Branch

feature/기능

1.3 Prettier

1. 기본 Prettierrc.cjs 파일 구성 (용쌤 프로젝트 참고)

module.exports = {
  // 문자열에 single quote 사용(기본값 true)
  singleQuote: true,
  // 코드 마지막에 세미콜론 추가(기본값 true)
  semi: true,
  // 들여쓰기를 탭으로 지정할지 여부(기본값 false)
  useTabs: false,
  // 들여쓰기 너비 2칸(기본값 2)
  tabWidth: 2,
  // 여러 줄의 쉼표로 구분된 구문 구조에서 후행 쉼표를 추가(none: 설정 안함, es5: 객체,배열에 설정, all(기본값): 함수 정의나 호출 등 가능한 모든 곳에 설정)
  trailingComma: 'all',
  // 한줄에 200 글자가 넘어가면 줄바꿈(기본값 80)
  printWidth: 200,
  // 화살표 함수의 매개변수가 하나만 지정될 때 괄호 생략(always: 항상 괄호 명시, avoid: 가능하면 생략)
  arrowParens: 'always',
  // windows에 뜨는 'Delete cr' 에러 해결
  endOfLine: 'auto',
};

2. 추가할 Prettier 옵션 종류

  1. arrowParens: 'always', 화살표 함수 식 매개변수 () 생략 여부 (ex: (a) => a)
  2. htmlWhitespaceSensitivity : HTML 공백 감도 설정