365support / pre-onboarding-7th-3-2-3

투자 관리 서비스의 관리자 기능 구현

원티드 프리온보딩 프론트엔드 3팀 - Assignment #5

투자 관리 서비스의 관리자 기능 서비스

프로젝트 기간 : 2022년 11월 12일 ~ 2022년 11월 18일

배포링크

📖 목차

• 실행 방법
• 협업 과정
• Best Practice 및 채택 근거
• 팀 코드 컨벤션
• 사용 기술
• 폴더 구조
• 팀원

⌨️ 실행 방법

$ git clone https://github.com/pre-onboarding-frontend-7-team-3/pre-onboarding-7th-3-1-3.git
$ npm install

• API 서버 실행

• 별도 터미널에서 Client 실행

$ npm run dev

📃 협업 과정

1. 비동기적 소통을 위해 노션 워크스페이스에서 프로젝트를 페이지와 컴포넌트로 나누고 미팅 로그와 주요 코드를 공유하여 개발 효율을 높이고자 노력했습니다.

   노션 링크

2. 본 프로젝트는 동료학습에 최적화된 과정을 찾아가며 진행했습니다. VSC Live Code extension을 활용하여 라이브 코드 리뷰를 진행하고 각자 구현한 코드에 대한 피드백을 진행하여 Best Practice를 추가해 나가는 과정을 거쳤습니다. 후의 리팩토링도 동일한 과정을 거쳐 진행하였습니다.

3. 소통 플랫폼으로 게더타운과 디스코드를 활용해서 협업을 진행했습니다.

☑️ Best Practice 및 채택 근거

1. TypeScript

• TypeScript는 정적 타입을 지원하므로 컴파일 단계에서 오류를 포착할 수 있는 장점이 있습니다. 코드의 가독성을 높이고 예측할 수 있게 하며 디버깅이 쉽다는 장점에 모두 공감해서 채택했습니다. 명시적인 정적 타입 지정은 팀 단위로 협업 시에 의도를 명확하게 코드로 기술할 수 있다는 점에서도 의견을 모았습니다.

🔒 팀 코드 컨벤션

• git commit message

커밋명	내용
feat	파일, 폴더, 새로운 기능 추가
fix	버그 수정
docs	제품 코드 수정 없음
style	코드 형식, 정렬, 주석 등의 변경
refactor	코드 리팩토링
test	테스트 코드 추가
chore	환경설정, 빌드 업무, 패키지 매니저 설정등..
hotfix	치명적이거나 급한 버그 수정
remove	사용하지 않는 변수, 파일 etc 삭제
working	이미 만들어진 기능, 함수 작업중
merge	branch merge

• branch

브랜치명	내용
develop	파일, 폴더, 새로운 기능 추가
fix	버그 수정
docs	제품 코드 수정 없음
refactor	코드 리팩토링
hotfix	치명적이거나 급한 버그 수정
feat	새로운 기능 추가

🔨 사용 기술

📦 폴더 구조

📂 src
│  

👨‍👩‍👧‍👦 팀원

고영훈 (팀장)	조은지 (팀원)	김창희 (팀원)	박정민 (팀원)
YeonghunKO	Joeunji0119	PiperChang	ono212

문지원 (팀원)	이상민 (공지)	이지원 (팀원)	조수진 (팀원)
moonkorea00	dltkdals224	365support	suzz-in