[Source Tree + Github] 브랜치 만들기, Merge 하기

프로젝트를 진행하다보면 브랜치를 파고, 이후 다시 합치는 경우가 굉장히 많다. 소스트리를 통해 이 작업들을 간편하게 할 수 있다.

 

우선 프로젝트를 할 때는 보통 브랜치를 만들어 작업을 한다. 예를들면 A,B,C,D 파일이 있다고 가정해보자. a는 A파일을 건드리며 "로그인" 기능을 추가할 것이고, b는 B파일을 건드리며 "회원가입" 기능을 만들 것이다. 그리고 a와 b는 공통적으로 C파일을 건드려야 한다. 그렇다면 무슨 일이 발생할까?

a와 b는 물론 자신의 로컬 컴퓨터에서 작업한 내용을 깃허브에 끊임없이 push할 것이다. A,B파일에 대해서는 서로 작업한 내용이 겹치지 않으니 충돌이 나지 않지만 C파일에 대해서는 끊임없이 충돌이 발생할 것이다. 이것은 작업을 하는데 큰 방해가 될 것이다. 그래서 사람들은 협업시 브랜치를 새로 파서 작업을 한 뒤, 원래 브랜치에 병합을 한다. 위의 경우에는 아래와 같이 작업할 것이다. 

a와 b는 각각 main 브랜치를 복사해 새로운 브랜치를 만든 후 그곳에서 작업한다.

 

이후 작업을 끝낸 뒤(a는 로그인 기능, b는 회원가입 기능 구현을 완료한 상태) a와 b는 자신의 브랜치들을 main브랜치에 merge할 것이다. 이때 a, b 순으로 merge한다면 a가 merge할때는 충돌이 나지 않지만 b가 merge할때는 c파일 때문에 충돌이 날 것이다. 즉 충돌은 한번만 발생하는 것이다. 같은 브랜치에서 작업한다면 커밋할 때 마다 충돌이 날테니 충돌의 수가 훨씬 줄어든다. 그래서 보통 협업을 하면 기능별로 브랜치를 파서 개발을 한 뒤 합치는 식으로 작업을 한다. 

 

이제 소스트리를 이용해서 새로운 브랜치를 만드는 방법을 알아보자. 소스트리를 열고 복사할 브랜치에 체크아웃한 뒤 깃 플로우 버튼을 누른다.

+추가)

만일 처음 깃 플로우 버튼을 누른다면 아래와 같은 창이 뜰 수 있다. 그럼 그냥 확인을 눌러주면 된다. 아래 사진을 보면 새 기능 시작을 누르고 브랜치를 만들었을 때 접두어로 feature/이 붙는 것을 볼 수 있다. 이러한 접두어를 설정하는 창이다.

그냥 확인을 누르고 넘어가자.

 

그럼 아래와 같은 버튼이 나온다.  새 기능 시작을 누르고 기능명에 만들고자 하는 브랜치 명을 작성하고 확인을 누르면 된다.

 

 

이제 이 브랜치에서 작업을 하면 된다.

 

 

 

 

작업을 완료한 뒤에는 합치는 작업을 해야한다. login브랜치에서 작업한 내용을 main 브랜치에 반영하는 작업을 하는 것이다.  실습을 위해 미리 f1,f2.txt 파일이 있는 레포지토리와 login,signUp브랜치를 만들어뒀다. Merge를 하려면 해당 레포지토리에 가서 pull request를 눌러야 한다. 그리고 New pull request 버튼을 누르도록 하자.

 

그리고 어떤 브랜치에 어떤 브랜치를 병합할 것인지 설정을 해주면 충돌여부를 알려준다. 아래의 사진에서는 develop 브랜치에 feature/login 브랜치를 병합시키는 작업을 하고 있다. 완료 후 Create pull request를 누르자.

만일 협업중이라면 동료가 Files changed 버튼을 눌러 어떤 파일의 어떤 부분이 수정되었는지 확인할 수 있다. 협업중이라면 확인했다는 동료의 코멘트를 모두 받은 뒤 Merge pull request 버튼을 누르도록 하자. 이 버튼을 누르면 Merge작업이 완료된다.

각 부분에 알맞게 메시지를 작성하고 Confirm merge를 누르면 된다.

 

Merge작업을 완료한 뒤 아래 사진과 같은 화면이 나오는데 Delete branch를 눌러 이미 반영한 브랜치(login브랜치)의 삭제여부를 선택할 수 있다.

 

이제 똑같이 signUp브랜치를 develop 브랜치에 병합시켜보자. 위의 과정을 똑같이 밟으면 이번에는 충돌이 발생할 것이다. 

위 화면에서 Resolve conflicts를 눌러 충돌을 해결한 뒤 병합 작업을 할 수 있다. 버튼을 누르면 아래와 같은 화면이 나올 것이다.

여기서 주목할 부분은 <<<<부분부터 >>>>부분이다.  위의 사진은 feature/signUp 브랜치에는 ddddd라고 써있는데 develop 브랜치에는 ccccc라고 쓰여있다. 라는 뜻이다. 이 부분을 어떻게 반영할지 결정해서 파일을 수정해주면 된다. 나는 저 부분을 signUp브랜치를 반영하여 ddddd로 바꾸려 한다.

이렇게 충돌이 일어나는 부분을 해결하고 <<<<와 같은 기호들을 싹 지우고 우측 상단 Mark as resolved 버튼을 누르면 된다. 그럼 위에 commit as merge 버튼이 생기는데 이것도 누르도록 하자. 이번 병합의 경우에는 파일이 별로 없어 충돌이 하나밖에 없지만 여러개가 있다면 위와 같이 차근차근 해결하면 된다. 아무튼 버튼을 누르면 아래와 같은 창이 나온다.

 

위에서 한 것과 같이 병합과정을 마무리 해주면 된다.

 

소스트리에서도 signUp브랜치와 login브랜치가 develop브랜치에서 뻗어나왔다가 다시 병합되는 것을 확인할 수 있다.