 |
 |
|---|---|
| 김진효 | 정서영 |
| 역할 | 종류 | 선정 이유 |
|---|---|---|
| Library |  |
컴포넌트 기반 구조로 재사용성과 유지보수성이 높아 개발 효율을 극대화 가능 |
| Programming Language |  |
유연한 문법과 활발한 생태계를 통해 빠른 개발 가능 |
| Styling |  |
CSS-in-JS 방식의 컴포넌트 단위 스타일링 방식으로 유지보수가 용이 |
| Data Fetching |  |
직관적인 API 사용법과 자동 JSON 변환 기능으로 비동기 통신이 간편 |
| Routing |  |
SPA에 최적화된 라우팅 기능 제공, 선언적 방식으로 라우트를 쉽게 구성 가능 |
| Formatting |    |
코드 스타일을 통일하고 잠재적인 오류를 사전에 방지하여 협업 시 효율성을 높임 |
| Package Manager |  |
빠른 설치 속도와 안정적인 패키지 관리 기능으로 프로젝트 환경 설정에 용이 |
| Deployment |  |
글로벌 인프라 기반의 안정적인 서비스 제공 및 다양한 배포 옵션 지원 |
| CI/CD |  |
코드 푸시 시 자동으로 배포를 실행해 개발 효율성과 안정성을 높임 |
| Bundler |  |
빠른 서버 시작과 모듈 번들링 성능으로 개발 생산성을 향상 |
- pnpm 버전
- 10.7.0
반드시 버전 확인 후 작업해주세요!
- pnpm 버전 설치 방법
pnpm set version 버전 # 프로젝트 최상위 폴더 위치에서 명령어 입력
- pnpm 명령어 예시
pnpm install # 전체 설치
pnpm add 라이브러리 # 라이브러리 설치
pnpm dev # 실행
- camelCase
- 변수명, 함수명에 적용
- 첫글자는 소문자로 시작, 띄어쓰기는 붙이고 뒷 단어의 시작을 대문자로
- ex- handleDelete
- 언더바 사용 X (클래스명은 허용)
develop ← 작업 브랜치
-
main branch: 배포 브랜치 -
develop branch: 개발 브랜치, feature 브랜치가 merge됨 -
feature branch: 페이지/기능 브랜치
develop 브랜치에서 새로운 브랜치를 생성.- 작업을 완료하고 커밋 메시지에 맞게 커밋.
- Pull Request 생성
develop브랜치로 병합.
-
커밋 유형
- 🎉 Init: 프로젝트 세팅
- ✨ Feat: 새로운 기능 추가
- 🐛 Fix : 버그 수정
- 💄 Design : UI(CSS) 수정
- ✏️ Typing Error : 오타 수정
- 📝 Docs : 문서 수정
- 🚚 Mod : 폴더 구조 이동 및 파일 이름 수정
- 💡 Add : 파일 추가 (ex- 이미지 추가)
- 🔥 Del : 파일 삭제
- ♻️ Refactor : 코드 리펙토링
- 🚧 Chore : 배포, 빌드 등 기타 작업
- 🔀 Merge : 브랜치 병합
-
형식:
커밋유형: 상세설명 (#이슈번호) -
예시:
- 🎉 Init: 프로젝트 초기 세팅 (#1)
- ✨ Feat: 메인페이지 개발 (#2)
Branch Naming 규칙
-
브랜치 종류
init: 프로젝트 세팅feat: 새로운 기능 추가fix: 버그 수정refactor: 코드 리펙토링
-
형식:
브랜치종류/#이슈번호/상세기능 -
예시:
- init/#1/init
- fix/#2/splash
- public
- favicons - 파비콘
- fonts - 폰트
- src
- assets - 사용되는 모든 에셋
- components - 공용 컴포넌트 및 스타일
- data - json 데이터
- hooks - 전역으로 사용되는 훅
- routes - 도메인 별 라우팅 페이지와 컴포넌트 및 스타일 등
- styles - 글로벌 스타일
- utils - 전역으로 사용되는 함수