Junn_

Revert

commit을 진행 후 수정을 위해 되돌리고 싶을 경우 '커밋 되돌리기(Revert)'를 하시면 됩니다.

해당 내용에서 우클릭 - 커밋 되돌리기(Revert)

History에 내역이 남게 되며, Revert가 진행이 됩니다.

Merge conflict

https://a070415.tistory.com/entry/Git-%EC%86%8C%EC%8A%A4%ED%8A%B8%EB%A6%ACSourcetree-%EB%B3%91%ED%95%A9Merge

병합(merge)시 같은 라인의 코드를 수정하였을 경우 충돌(conflict) 이 발생하며, 다음을 통해 어떻게 해결을 해야하는지 알아보겠습니다.

충돌을 발생시키기 위해서 SecondBranch에 주석을 넣어준 후 commit / push을 진행합니다.

Merge

병합할 부분에 체크아웃을 한 후에 상단의 병합을 눌러 진행을 합니다.

충돌 병합

같은 라인의 코드를 수정하였으므로 conflict가 발생 하였습니다.

네모박스 상단의 경우 현재브랜치에서의 코드 내용이며, 하단의 경우 병합할 브랜치에서 충돌이 되는 내용입니다.

<<< Head === >>> 브랜치 이름

내용을 삭제한 후, 충돌되는 코드를 적절히 수정해 줍니다.

충돌해결

해결 후 우클릭 - 충돌해결 – 해결된 것으로 표시를 하여 sourcetree에 수정사항을 알려줍니다.

최종적으로 커밋을 하면 병합이 정상적으로 진행이 됩니다.

결과

병합 후 Master 화면을 보시면 첫번째 브랜치와 두번째 브랜치의 내용이 합쳐진 것을 확인 하실 수 있습니다.

Merge

  -> 다른 브랜치의 내용을 현재 check out된 브랜치에 병합하는 것.

병합 테스트를 위해 FirstBranch에 '첫번째 브랜치' 라는 주석을 추가하고 commit / push를 진행합니다.

문제가 없다면 병합이 되고, 그래프 부분을 보시면 Master 브랜치에 FristBranch가 Merge되어있는 것을 확인 하실 수 있습니다.

결과화면

Master 브랜치에 체크아웃 하고 내용을 확인하게 되면, 첫번째 브랜치에 추가한 주석이 Master 브랜치에 합쳐진 것을 확인 하실 수 있습니다.

충돌 발생시?

https://a070415.tistory.com/entry/Git-%EC%86%8C%EC%8A%A4%ED%8A%B8%EB%A6%ACSourcetree-Merge-Conflict

branch

  -> '가지'라는 의미.

  -> 큰 프로젝트를 진행하거나, 협업을 할 경우 오류발생 시 효율적으로 관리하기 위해 사용합니다.

브랜치생성(FirstBranch / SecondBranch)

현재 작업되고 있는 브랜치의 화면(Check Out)

master브랜치 위아래로 방금 생성한 브랜치(FirstBranch & SecondBranch)를 확인할 수 있습니다.

각 브랜치의 소스코드 수정 후 commit & push

그래프 부분을 보면 가지모양으로 뻗어나온 모습을 확인 할 수 있습니다.

해당 브랜치를 CheckOut 하게 되면, Android Studio에서도 체크아웃된 브랜치도 변경되는 것을 확인 할 수 있습니다.

SourceTree

소스트리(Sourcetree)를 사용하여 진행중인 프로젝트에 대해서 쉽게 관리할 수 있는 방법을 소개해 드리겠습니다.

https://www.sourcetreeapp.com/

Repository

저장소 주소(HTTPS) 복사

sourcetree 실행 후 - clone

화면구성

위 화면을 보시면 현재 파일상태, history, 변경 내용 등 프로젝트에 대한 관리를 시각적으로 할 수 있습니다.

코드수정

수정된 부분은 자동으로 반영이 되며, 변경사항을 간편하게 확인할 수 있습니다.

커밋 / 푸쉬를 누르면 저장소에 반영이 됩니다.

저장소에 반영된 모습이며, 우측 하단에 변경사항에 대한 코드를 보여주는 것을 확인 하실 수 있습니다.

anlaysis_options.yaml

main.dart

이미지 추가

• assets 폴더(Directory) 생성 후 이미지 파일 넣기
• pubspec.yaml 파일에 assets 폴더 선언

• main.dart 에서 이미지 추가

• appbar, body, bottomNavigationBar 추가

결과물