깃 관련 질문입니다. (초기 세팅, 중간 합류, 브랜치)

Question

깃을 사용해본 적이 없는 상태로 취업을 했는데.. 정말 기초적인 부분만 따로 공부를 했고,
 조만간 업무 투입한다고 하셔서 질문 드립니다..

예를 들어서
1. 브랜치가 main , A, B 이렇게 3개가 존재한다고 할 때,
A에서 C브랜치를 생성해서 개발하라고 하시는데 뜻이 뭔지 잘 모르겠습니다.
A 브랜치를 checkout해서 pull로 당긴 다음에 브랜치를 생성하라는걸로 이해가 됐는데 맞나요..?

2. 프로젝트 중간에 투입하는거라 깃에 개발 환경이 정리되어 있습니다.
ReadMe 파일이 제대로 정리가 안되어있어서 하나하나 라이브러리를 받아야하는지 모르겠습니다.
예를 들어서 프로젝트 환경 파일 (package.json) 내부에 react, node 등등의 라이브러리나 개발을 도와주는 라이브러리가 정말 많습니다. 이 많은걸 손수 타이핑해서 install하는건 개발자들이 하는 방법은 아닌거 같아서요. package.json을 복붙해서 npm install 해주는 방식을 쓰니까 자동으로 modlue안에 install되는거 같긴한데..
제가 궁금한건 다 되는게 아닌거 같습니다. WRAN이 뜨더라고요.. react나 다른 next같은 다른 몇 개는 오류가 뜨는거 같습니다. 뭔가 상식적으로 코드를 가져온거지, 라이브러리를 install한건 아니기 때문에 이게 동작을 안하는게 당연한거 같기도 하고.. 그렇다면 정말 그 많은 라이브러리를 손수 install 해줘야하는건지 잘 모르겠네요..ㅜ
 보통 진행중인 프로젝트에 투입하면 초기 설정을 어떻게 하나요?

3. 첫 번째 질문과 같이 브랜치를 생성을 하면.. 제가 이해한게 맞다면 A브랜치를 기준으로 생성된 브랜치이니까 저의 개발 환경을 A브랜치의 모든 파일을 가지고 있는 상태에서 시작하나요?
그러니까. A브랜치에 있는 무수히 많은 파일들 위에 저의 폴더나 파일들을 따로 만들어서 사용하고 커밋하면 되는걸까요..?

여기까지가 질문입니다 ㅜ 혹여나 잘못해서 모든게 날라가버릴까봐 섣불리 뭔가를 할 수가 없는거 같아서 공부를 하고 있긴한데 당장 진행해야 될 것들이 많아서 이렇게 질문 남깁니다 ㅠㅠ

디큐 · Answer

1. git checkout A && git checkout -b C

2. A 브랜치에서 npm install 이나 yarn install , pnpm install (기존에 작업하고 계신분에게 문의) 한 다음, 로컬 개발환경을 띄우는 것까지 컨펌을 받으신 후에 작업하시는 것을 추천합니다.

3. A 브랜치 안에서 작업하실 부분을 작업하시면 됩니다. 그리고 PR 날릴 때는 본인 브랜치(C) -> A브랜치 로 merge 요청을 하시면 돼요.

브랜치를 새로 생성한 후에 작업만 한다면 모든게 날라갈 경우는 없으니, 걱정하지마세요

박진만 · Answer

1,3번은 git flow에 대해 학습을 해보시는 것을 추천합니다.
- 아래 포스팅은 제가 깃 플로우에 대해 학습할 때 도움이 되었던 블로그입니다.
https://techblog.woowahan.com/2553/

- intellij idea 사용하고 계신다면 사용 방법은 아래 블로그에서 확인할 수 있어요.
https://jfbta.tistory.com/239

2.저는 필요한 라이브러리가 있으면 package.json에 작성해서 npm i를 실행하여 사용합니다.

Ed · Answer

2. 해당 플젝 마스터 브랜치 로컬에 clone하시고 npm install 하시면 package.json에 있는거 다 로컬에 다운받아집니다!

git clone [레포지토리주소]
npm install (yarn)
npm start (yarn dev)

혐업에 깃은 필수입니다 주말동안 깃공부 많이 해 갑시다!!

김주호 · Answer

실제 파일을 하나하나 변경하면서 배우기에는 너무 어렵고 시간이 오래걸리고 위험요소가 있지요.

저도 처음에는 많이 힘들었습니다.

https://learngitbranching.js.org/?locale=ko

위 사이트를 통해 쉽게 눈으로 확인하시면서 깃을 배우셨으면 좋겠고요,
로컬 깃을 다루는 내용과 원격을 같이 다루는 내용으로 크게 2개로 나누어져있습니다.

vscode의 git graph 
https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
실제 작업하실 때는 이 무료 부가기능으로 화면상에서 진행하시면 맥락을 파악하기 편합니다.