프로젝트를 시작한 지 5일차가 되었고, 이제 오늘 최종적으로 기본적인 셋팅을 완료하고, 내일부터는 코드 작성을 시작하여야 한다.
초기 준비단계에 시간을 많이 할애해 둔 이유가 있었다. 이전 4일차까지 진행했던 다양한 기획단계들과 팀룰 정하기 또한 시간이 꽤 걸렸기 때문.
오늘은 프로젝트 초기의 git셋팅과 모듈 설치 그리고 역할분담을 하기로 했다.
git 기초 셋팅
기본적인 git flow는 이미 정리해둔 글을 참고해서 진행했다.
project git workflow 정리
upstream에서 초기 작업
- master branch에서 초기 모듈 셋팅
-
client : react, react-dom, react-router-dom, axios
-
server : express(관련 모듈들 설치, cors 등등) , mysql, sequelize, nodemon
-> 모듈 설치 할 때, npm install "모듈" --save-dev 해야한다,--save-dev 를 해야하는 이유는 무엇일까?
: 이는 협업을 위해서 필수이다. 저 명령어를 하지 않으면 본인의 package.json에서만 설치된다. 따라서 팀원이 내 코드를 받아가면 모든 모듈을 처음부터 다시 설치해야 한다. 하지만 해당 명령어를 사용해서 최초에 모듈 설치를 해주면, 팀원은 npm install만 해도 모든 모듈 설치가 가능하다.
-
lint 설치
npm install eslint --save-dev [lint 설치]
npx eslint --init [lint 실행]그리고 세부적인 조건들을 설정해줬다.
(방식을 common JS 방식, node 환경 등등...)그리고 lint rule은 세미콜론과 따옴표 정도를 vsc의 prettier 규칙과 동일하게 적용해 주었다.
-
node modules를 gitignore 파일 만들어서 추가
dev(작업) branch 만들기 (중요!)
여기서 생각도 못한 난관에 봉착.
초반에 git flow를 공부했을땐, master에서 기초 셋팅해주고 dev 브랜치를 만들어준다고 했는데, 실제로 작업을 해보니까
master에서 작업한게 dev 브랜치로 그대로 넘어가질 않았다.
허거덩...분명히 작업브랜치 만들고, upstream에 push 하라고 했는데....
팀원들과 고민을 해보다가
1. master에서 작업한 걸 upstream master에 push 해주고,
2. 그리고 local에서 dev branch를 만들고, dev 에서 upstream master을 pull해오기
3. 그리고 dev branch에서 upstream dev push 해주기!!!
이 후에 작업하고 PR할 때 주의 사항
- 무조건 upstream의 dev에 PR해주기!
- upstream의 dev pull해올때, local의 dev branch에서 해주기
- merge 전 코드리뷰는 매우 중요하다!!!! 단순히 올바른 코드작성을 보기위함이 아니라, 팀원 간 충돌발생 가능성이 있으므로!
