플러터

플러터 소스 Git 연동 및 소스 형상 관리

슬기로운IT생활 2020. 12. 23. 22:44
728x90

플러터 소스를 여러 명이 개발하거나 또는 혼자서 다수의 PC/노트북에서 개발하는 경우

소스 공유 및 형상 관리를 위해 Git에 올려놓고 유지 보수하는 것을 추천한다.

리본

Git 클라이언트 설치

우선 아래 사이트에 접속하여 로컬 PC에 Git을 설치해 준다.

 

https://git-scm.com/download

 

Git - Downloads

Downloads Mac OS X Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific

git-scm.com

이후 기본 옵션 그대로 계속 Next 진행하면 되고

설치 후 git bash가 있을 텐데 그걸 실행하거나 커맨드 창에서 아래와 같이 입력하면

VS Code에서 git을 사용할 수 있다.

git config --global user.name '이름'

git config --global user.email '이메일주소'

리본

위 Git Bash에서 실행해도 되고

윈도우 커맨드 창에서 실행해도 된다.

리본
리본

리본

VS Code Git Local 사용

Git에 올릴 소스 코드 프로젝트를 연다.

리본

이후 좌측 메뉴에서 아래 아이콘을 클릭하면

리본
리본

리포지토리 초기화 클릭 시 로컬 리포지토리가 초기화된다.

리본

첫 리포지토리라서 현재 폴더에 있는 모든 파일과 폴더가 업데이트 항목에 추가되며

GitHub 업로드 전에 위 파란색 동그라미 안에 있는 V 표시를 클릭하면

Commit을 진행하여 로컬 리포지토리부터 반영을 시작한다.

리본

어떤 내용에 대한 Commit 인지 메시지를 남기고 엔터를 누른다.

리본

그러면 현재 변경된 것들이 모두 로컬 리포지토리에 반영되어

남은 파일이 보이지 않으면 이제 GitHub에 리포지토리를 생성 후 소스를 업로드하자.

리본

Git Repository 생성

http://github.com

 

GitHub: Where the world builds software

GitHub is where over 56 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...

github.com

 

아래 이미지와 같이 좌측 상단 NEW를 클릭한다.

리본

아래와 같이 프로젝트를 저장할 Repository 이름을 입력한다.

지금은 굳이 공개할 이유가 없어서, 본인은 Private으로 설정했다.

리본

아래와 같이 공간이 생겼다.

리본

리본

Local 저장소 - GitHub 연동

아래 이미지와 같이 우측에 있는 아이콘을 누르면

GitHub에 만든 Reposity 링크를 복사한다.

리본

이후 VS Code에서 터미널을 열고 (단축키 : Ctrl + `)

아래와 같이 명령어를 입력한다.

git remote add origin 복사 링크

리본

에러 메시지가 발생하지 않았다면 성공이며

이후 아래와 같이 VS Code에서 푸시를 선택하자.

리본

이때 아래 메시지가 나오면서 확인을 누르면

리본
리본

이후 뱅글뱅글 돌면서 푸시가 완료되었다.

또한, 풀을 누르면 GitHub에 있는 내용을 로컬 Repository에 반영한다.

이제 GitHub에 접속해보면 로컬에 있는 소스들이 GitHub에 올라간 것을 볼 수 있다.

리본

리본

로컬에서 수정한 소스 GitHub 반영

이제 소스 수정한 것이 잘 반영되는지 확인하기 위해

main.dart에서 주석을 다 지워보겠다.

리본

위와 같이 소스 중간중간에 있던 주석을 다 지우고 저장을 하자.

이후 커밋 후 푸시를 진행하여 수정된 main.dart 파일을 올려보자.

리본

위와 같이 main.dart가 수정되었다고 나온다.

리본

이후 커밋 버튼을 누르면

리본

커밋 메시지를 입력하는 화면이 나오고

어떤 내용을 수정했는지 메시지 넣고 엔터를 누르자.

리본

소스 제어 리포지토리에 숫자 1이 0으로 줄어들었다.

리본

이후 푸시를 누르면 GitHub에 반영이 되는 것을 볼 수 있다.

리본

굉장히 복잡한 과정을 통해서 소스코드 업로드가 진행되었는데

본인은 TFS 사용이 익숙한 사람이라 Git 사용은 아직 어렵고 복잡한 것 같다.

그래도 한번 세팅만 해놓으면 소스 수정 시 커밋&푸시 진행하면 되고

다른 PC에서는 풀을 눌러서 소스 최신화 진행하면 돼서

처음에만 복잡하지 이후 사용하는 건 어렵지 않은 것 같다.

의식의 흐름대로 글을 적으면서 열심히 화면을 캡쳐했으며 뒤는 돌아보지 않았다.

(시간이 없어서 포스팅 전체 내용은 점검하지 않았다는 얘기)

728x90