Convention

[fullkeem]

Commit Convention

타입	커밋 메시지 예시
Feat:	새로운 기능 추가
BugFix:	버그 수정
Docs:	문서의 수정
Modify:	코드 변경
Refactor:	리팩토링
Design:	CSS 등 사용자 UI 디자인 변경
Comment:	필요한 주석 추가 및 변경
Style:	코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
Test:	테스트(테스트 코드 추가, 수정, 삭제, 비즈니스 로직에 변경이 없는 경우)
Chore:	빌드 수정, 패키지 매니저 설정, 운영 코드 변경이 없는 경우(assets image, 패키지 매니저 등)
Rename:	파일 혹은 폴더명 수정하거나 옮기는 경우
Remove:	파일을 삭제하는 작업만 수행하는 경우
Merge:	Pull 과정 중 현재 commit과 자동 병합이 일어날 때
Build:	새로운 라이브러리 혹은 패키지

Coding Convention

항목	설명
모듈	하나의 파일에는 하나의 모듈만 작성합니다.
이름 짓기	- 클래스 및 생성자 함수: PascalCase (대문자 시작)
	- 변수, 함수: camelCase (소문자 시작)
	- 상수: UPPER_SNAKE_CASE (대문자 스네이크 케이스)
상수	상수는 불변성을 가지므로 const를 사용합니다.
들여쓰기	스페이스 4칸을 사용하며, 탭은 사용하지 않습니다.
라인 길이	코드 한 줄은 120자 이하로 제한합니다.
세미콜론	모든 문장 끝에는 **세미콜론(;)**을 사용합니다.
공백	- 연산자 양쪽에는 공백을 사용합니다. 예: a + b
	- 함수 호출 시 인수 사이에는 공백을 사용합니다. 예: func(arg1, arg2)
문자열	문자열은 **작은따옴표(')**를 사용하고, 동적 문자열 결합 시 **템플릿 리터럴(``)**을 사용합니다.
주석	코드 설명은 필요한 곳에만 작성하고, //를 사용합니다.
화살표 함수	짧은 함수 표현에는 화살표 함수를 사용합니다.
객체 표현	객체와 배열의 마지막 요소에는 콤마(,)를 추가합니다. 예: { name: 'John', age: 30, }
조건문	- 조건이 간결할 경우||(OR), &&(AND)를 사용합니다.
	- 조건문은 반드시 {} 블록을 사용합니다.
ES6+ 사용	let과 const를 사용하고, var는 사용하지 않습니다.
비구조화 할당	객체와 배열에서 비구조화 할당을 사용하여 코드를 간결하게 작성합니다.
비동기 처리	비동기 코드는 **async/await**를 사용하며, Promise 체이닝은 지양합니다.
파일 구조	- 파일명: 소문자와 케밥 케이스(example-file-name.js)를 사용합니다.
	- 폴더별로 모듈과 기능을 구분하여 배치합니다.
에러 핸들링	에러 처리는 try...catch 또는 .catch를 사용하고, 반드시 로깅하거나 처리합니다.
코드 정렬	import, export, 변수 선언 순서는 논리적 흐름에 맞게 정리합니다.
불변성 유지	불변 객체와 배열을 다룰 때는 Object.freeze, 스프레드 연산자(...)를 사용합니다.
형변환	명시적 형변환을 사용합니다. 예: Number(value), String(value)

참고

• Airbnb JavaScript 스타일 가이드
• TOAST UI Javascript 코딩 컨벤션

PR Template

## 📝 PR 제목
<!-- 간결하고 명확하게 작성해주세요. 예: "Feat: 로그인 기능 추가" -->

---

## 📌 변경 사항
<!-- 변경된 내용을 요약해서 작성해주세요. -->
- 로그인 기능 추가
- 유저 인증 API 연동
- 에러 메시지 컴포넌트 추가

---

## 🚀 작업 목적
<!-- 이번 PR을 통해 달성하고자 하는 목표를 설명해주세요. -->
- 사용자가 이메일과 비밀번호로 로그인할 수 있도록 합니다.

---

## 🔄 관련 이슈
<!-- 관련된 이슈 번호를 작성해주세요. -->
- 관련 이슈: #15

---

## 📸 변경 전/후 화면 (Optional)
<!-- UI 변경 사항이 있다면 스크린샷을 첨부해주세요. -->
| 변경 전 | 변경 후 |
| ------- | ------- |
| ![이전 화면](링크) | ![변경된 화면](링크) |

---

## ✅ 체크리스트
<!-- 아래 사항을 확인 후 체크해주세요. -->
- [ ] 코드가 정상적으로 동작하는지 테스트했습니다.
- [ ] 코드에 불필요한 주석이나 로그를 제거했습니다.
- [ ] **ESLint**와 **Prettier**를 실행했습니다.
- [ ] 관련된 문서를 업데이트했습니다.

---

## 🧐 중점적으로 리뷰받고 싶은 부분
<!-- 리뷰어가 집중적으로 봐줬으면 하는 부분을 작성해주세요. -->
- 코드 로직에 개선할 부분이 있는지 확인해주세요.
- 에러 핸들링 방식이 적절한지 봐주세요.

---

## 🤝 PR 리뷰어에게 요청사항
<!-- 코드 리뷰어에게 전달하고 싶은 말을 작성해주세요. -->
- 코드 스타일 관련 피드백 환영합니다.
- 궁금한 부분이 있으면 언제든 질문해주세요. 😊