1. Git

1.1 Git Commit

커밋 메세지 + 이슈번호

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

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

</aside>

Git Commit

• 새로운 기능 추가할 때

  ✨ feat: XXXX 기능 추가
  

• 기능 수정 중

  🚧 cont: XXXX 기능 수정 중
  

• 기능 수정 완료

  ✅ update: XXXX 기능 수정 완료
  

• 버그 수정

  🐛 fix: XXXX 버그 수정
  

• 디자인 수정

  💄 style: XXXX 디자인 수정
  

• 리팩토링

  ♻️ refactor: 코드 리팩토링
  

• 문서 수정

  📝 docs: README.md 파일 수정
  

• config 파일 수정

  🔧 conf: XXXX 파일 수정
  

• 파일 수정/삭제

  🔥 remove: XXXX 파일 수정/삭제
  

• asset 업데이트

  🍱 asset: asset 폴더 업데이트
  

• 오타 수정

  ✏️ typos: 오타 수정
  

• merge

  🔀 merge: from XXXX to XXXX
  

• 배포

참고 사이트 https://velog.io/@archivvonjang/Git-Commit-Message-Convention

1.2 Git Branch

feature/기능/ 해당 개발자 이름

ex ) 사자가 로그인페이지를 만드는 브랜치 : feature/login/Login

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)
   • "always" - (x) => x
   • "avoid" -  x => x
2. htmlWhitespaceSensitivity : HTML 공백 감도 설정