Gitmoji 모음

🎉  Initial Commit프로젝트 처음 시작할 때 한 번 사용

: 처음 프로젝트 시작했을 때 첫번째 commit

💄 Add/Update (UI / button 등)

: UI 스타일이 추가 또는 변경된 경우

👔 Add (business logic 이름)

: utils 폴더의 모듈 파일, hooks 폴더의 custom hook, axios API 파일 등 business logic 추가한 경우

✨ Feature (기능 이름)

: 새로운 기능을 추가한 경우

🚚 Add/Move (컴포넌트명)

: 파일이나 폴더 이동한 경우

🔥 Remove (컴포넌트명)

: 파일이나 폴더 등을 삭제한 경우

🚧 Working (컴포넌트명)

: 아직 작업 중인 파일을 올리는 경우

➕ Add dependency

: dependency(의존성) 추가한 경우

🍱 Add (assets 이름)

: fonts, images 등 정적인 파일들 추가한 경우

🩹 Fix simples

: 간단하게 코드를 수정한 경우

♻️ Refactor/Divide (컴포넌트명)

: 코드 refactoring 한 경우

🎨 Improve structure/format (컴포넌트명)

: 컴포넌트나 페이지의 구조를 개선한 경우

💡 Add todos (컴포넌트 / 페이지 이름)

: TODO 주석 추가한 경우 ← Comment Anchors extension

📝 Add/Update (document 이름)

: 문서를 추가 또는 수정한 경우

🤡 Add Mock data in (파일명)

: mock data(가짜 데이터) 추가한 경우

🐛 Fix (고친 bug 이름)

: 에러 고친 경우

• 참고 : 비지니스 로직
  • 어떻게 데이터가 생성되고 저장되고 수정될 것인지를 정의한 것.
  • 유저의 눈에는 보이지 않지만, 유저가 바른 결과물을 올바르게 도출 할 수 있도록 짜여진 코드 로직
  • ex) 아이디가 중복이 되는지 데이터베이스를 조사하는 로직, 장바구니에 있는 결제예정 금액이 물품이 추가됨에 따라 수정되는 로직 등

작업 순서

1. 내 local branch (ex) feature/write/1) 에서 작업 (Working Directory)

2. vs code 왼쪽 Source Control 메뉴에서 commit 할 파일들 + 누르기(마우스 올리면 표시됨)

   

3. Staged Changes 로 올라간 파일들(Staging Area) 확인 후,

   commit message 작성한 뒤 Commit 누르기

   • 파일들은 서로 관련있다면 함께 commit 하고, 아니라면 file 마다 commit

   

   • • 누르면 다시 Changes로 내려감
   • ↩︎ discard changes 로 작업 내역 삭제할 수도 있음

   1. vs code → terminal → new terminal 에서 branch 꼭 확인하고 git push origin feature/write/1

   2. 깃허브 해당 branch 가서 compare & pull request

      다른 팀원들에게 pr 요청하기

   3. 다른 팀원들은 pr 내역 확인한 뒤 dev branch로 merge 하기

   4. merge 확인 후 pull 받기 git pull origin dev

   5. 각자 local branch 만들어서 다시 작업하기 (1 ~ 8의 반복)

참고

😃 Gitmoji

• gitmoji란 git + emoji를 합쳐서 부르는 말로 emoji를 이용하여 commit message를 작성하는 tool입니다
• 지금까지 그냥 글로만 커밋 메세지를 써왔겠지만, 메세지에 이모지(이모티콘)을 더하면, 나중에 커밋 메세지를 훑어볼때 훨씬 가독성 높아집니다
• 커밋 메시지에 이모티콘을 사용하면 사용된 이모티콘만 보고 커밋의 목적이나 의도를 쉽게 식별할 수 있게 된다.