[Team Project] 뉴스피드 제작기 day2

[25.02.13 목요일]

이번 팀프로젝트의 주요 목적은 협업과 Git & GitHub 사용 방법에 익숙해지는 것이다.
어제 협업을 위한 여러 규칙들을 정했지만, 추가로 정해야 할 규칙들이 예상보다 많았다.

깃허브 컨벤션

항상 개인과제를 하면서 '나' 혼자 사용하던 레포지토리를 공동으로 사용하는 부분에서는 모두 익숙하지 않았다.

팀원들이 같이 코드를 작성하지만 누가 작성한 코드인지 특정하기 힘들게 하는 것이 목적! 그러기 위해 정할 룰이 생각보다도 많이 남아 있었다.

커밋 컨벤션

• 커밋 타입을 세부적으로 나누기보다는 비슷한 범주끼리 묶어서 혼란과 고민을 줄이는 방향으로 규칙을 정했다.
• 우리가 만든 규칙이 일반적으로 많이 사용되는 부분이 아닌것도 있다. 라는 튜터님의 피드백이 있었지만, 각자 사용하던 방식과 사용빈도가 달랐기 때문에 최대한 혼란과 고민을 줄이는 방향으로 정했다는 이유를 설명했다. 튜터님은 이에 대해서 그렇게 팀원들과 정했다면 그대로 진행하면 된다고 답변을 주셨다.

우리조의 커밋 컨벤션

커밋타입	설명	예시
feat	새로운 기능 추가 (변수, 함수 선언+호출)	feat: 회원가입 로직 추가
fix	버그수정	fix: 로그인 시 비밀번호 검증 오류 해결
docs	문서수정	docs: README에 프로젝트 개요 추가
style	UI(css등) 디자인 추가/수정	style: 버튼 추가
refactor	코드 리팩토링, 성능개선(기능변경없이 구조 개선)	refactor: 홈 화면 UI 로직 개선
test	테스트 관련 코드(누락된 테스트 추가, 리팩토링 테스트 등)	test: 유닛 테스트 추가
chore	빌드 업무, 패키지 매니저 설정, 기타 자잘한 수정	chore: package.json 버전 업그레이드
add	없던 파일을 생성함, 초기 세팅 (기능제외 rafce)	add: 컴포넌트.jsx 생성

브랜치 컨벤션

• 브랜치명 kebab-case로 작성

브랜치명	설명	예시
main	배포용 브랜치	main
dev	통합(개발)용 브랜치	develop
feature/	기능 개발 브랜치	feature/login
bugfix	버그 수정 브랜치	bugfix/nav-bar
chore/	문서, 설정파일 변경 브랜치	chore/update-readme
docs/	문서 작업 브랜치	docs/api-guide
refactor/	리팩토링 브랜치	refactor/homepage-ui

각종 코드 컨벤션

• 변수명, 함수명, 상수명, boolean
• 파일/폴더명
• 컴포넌트/styled-components
• 이벤트 핸들러 prefix
• styled-components profix, 사용방식
• 주석 작성 방식

위내용들 처럼 여러가지 컨벤션을 정했더라도, 작업을 하다보니 여러가지 예외사항들이나 추가사항들이 생기게 되어 그때 그때 규칙을 추가 설정 하기도 하였다.

반복사용되는 issues등은 템플릿으로 등록하여 사용하기도 하였다.

---

급하다 급해

작업을 할수 있는 물리적인 기간이 많지않은데, 협업을 위해 생각보다 많은 것들을 정해야하고 시간소요도 많이 되다 보니 슬슬 다들 마음이 급해졌다.

어느정도 룰이 정해지고난 후 각자 담당한 페이지의 작업을 시작했다.

내가 담당한 login 페이지와 sign up 페이지는 다른 팀원과 작업 내용이 많이 겹쳐서 함께 작업하기로 했다.

회원가입을 통해 users DB로 로그인 여부를 확인하고 커뮤니티 활동 권한이 주어지기 때문에, 다른 팀원들의 페이지에도 영향을 미친다. 따라서 이 부분을 최우선으로 작업하여 전달하기로 했다.

기본 input과 button 구성을 먼저 만들어 팀원에게 전달하면, 팀원이 UI 스타일링을 맡고 나는 기본 로직의 틀을 구성했다.

데이터베이스 간의 속성값 정의가 아직 완료되지 않아서, 기본 로직의 틀과 Supabase 연동까지만 마무리하고 나머지 기능 구현은 내일 완성하기로 했다.