[Streamlit 개발환경 구축하기] 4. Git / GitHub / GitHub Desktop 설치하기 및 이용하기

※때에 따라서 소프트웨어 또는 프레임워크의 버전 및 인터페이스에 대해,

조회하시는 시간과 본 포스트 작성의 시간적 격차가 있는 경우

해당 설명과 상이한 부분이 있을 수 있습니다!

 

 

 

반갑습니다!

저번 시간에는 Visual Studio Code 설치를 마치고 간단한 테스트를 해봤었는데요!

이번 단계까지 마치면 본격적인 개발환경 구축은 완료됩니다 ^^!!

 

Git에 대해서 짤막하게 소개해드리자면,

버전 관리 시스템(Version Control System)입니다!

 

혹시 Adobe사(社)의 포토샵이나 일러스트레이터 등을 써보신 적이 있으신가요?

그 외에 어떤 프로그램이라도, Tool을 이용해서 작업해보신 적이 있으신가요?

작업을 하다보면 수정 사항이 계속 생기게 되죠

최종으로 마무리된 것 같아도 수정이 또 생기는데, 수정 작업을 적용하기 전과 적용한 후를 동시에 비교하기 위해서

각각의 파일을 따로 저장하기도 합니다

 

이렇게 각 파일마다 버전(Version)이 달라지게 되는데,

혼자 작업하는 경우에는 디렉토리를 하나 만들어서 이 파일 저 파일로 구분해서 저장해도 상관 없을겁니다

 

하지만, 팀 단위로 협업을 한다면? 거기다가 수십, 수백명이 달라붙어서 진행되는 대규모 프로젝트라면?

각각이 분담한 작업 분량이 있을 것이고,

하루에도 수많은 사람들이 본인의 작업을 마치고 저장할 수 있는 공간에 올릴겁니다

 

근데 어제까지만 해도 멀쩡하던 작업물이 어느 시점 이후에 갑자기 에러가 생기면서 오작동을 한다면,

어떤 사람이 언제 어떻게 짠 코드가 문제가 되는건지 추적이 필요하겠죠?

또한, 프로젝트 내에서 창의적인 코드를 통해서 핵심적인 기여를 한 사람이 누군지도 알고 싶을 때가 있을겁니다

 

이러한 모든 상황들을 사람이 직접 파일을 하나 하나 열어가보면서 누구의 작업물이 얼만큼이고,

어떤 사람의 작업물이 저만큼이구나 하면서 파악할 수 있을까요?

또, 에러가 생겼을 때 그 모든 로그들을 추적할 수 있을까요?

 

 

해서 버전 관리 시스템이 필요한 것이고,

이 핵심적인 기능이 담긴 소프트웨어가 바로 Git이 되겠습니다 ^^!!!

 

내가 오늘 작업물을 올리면, 어제 작업물에서 어디가 바뀌었는지, 어디가 삭제되고 어디가 추가되었는지

모든 기록이 추적이 가능하기 때문에 문제가 되는 경우 그 이전으로 롤백도 가능합니다

누구의 코드가 문제인지 찾아내어서 해당자에게 이슈 해결을 담당시킬 수도 있겠죠 ^^!

 

 

 

Git 소프트웨어를 설치하기 위해 검색창에 Git을 검색해주세요 ^^!

검색 목록 최상단에 Git 홈페이지가 나오는 것을 볼 수 있습니다

클릭해주세요!

 

 

 

 

공식 홈페이지의 메인 화면입니다!

화면 우측에 다운로드 버튼이 있는게 보이네요 ^^

 

 

 

 

 

Download를 누르시면 위와 같은 화면으로 넘어갑니다 ^^

사용 환경에 맞게 버전을 선택해주시면 되겠습니다!

저 같은 경우에는 64-bit Git for Windows Setup으로 다운로드 했습니다

 

 

 

 

이제 설치 프로그램을 이용해서 본격적으로 설치를 진행해주시면 되겠는데요

Git 같은 경우에는 선택할 수 있는 옵션들이 많아서 조금 깁니다 ^^;

근데 그냥 default 값들로 선택해주시고 Next 해주시면 되겠습니다!

 

 

Git 설치를 성공적으로 마무리 하셨다면 그 다음, GitHub로 넘어가겠습니다^^

근데 여기서 잠깐 GitHub를 조금 더 편리하게 이용하기 위해서 소프트웨어 하나를 이용할건데요

바로 GitHub Desktop입니다 ^^

 

 

 

검색창에서 "깃허브 데스크탑"을 검색해주세요 ^^

검색 결과 최상단에 "GitHub Desktop 설치"라는 링크가 보이네요

클릭해주세요!

 

 

 

 

깃허브 데스크톱을 설치하기 위해 해당 사이트로 이동할 수 있는 페이지로 접근합니다

"GitHub Desktop 다운로드" 버튼을 눌러주세요 ^^

 

 

 

 

화면 상단 메뉴 탭의 "Download"를 누르셔도 되고,

화면 중앙의 "Download now"를 클릭하셔도 됩니다 ^^

 

 

 

 

본인의 사용 환경에 맞는 프로그램을 다운로드해주세요!

macOS용도 선택할 수가 있네요 ^^

 

 

 

 

해당 설치프로그램을 실행하시면

위와 같은 인스톨 팝업이 나타납니다

해당 과정에 따라 설치를 마무리해주세요 ^^!

 

 

 

 

Git도 설치하고, GitHub Desktop도 준비가 되었으니 이제 GitHub로 가보겠습니다 ^^!!

 

GitHub는 Git Repository를 클라우드 환경에서 서비스로 제공합니다!

Git 소프트웨어만 있으면 버전관리가 가능하긴 하지만,

본인 컴퓨터의 Local 환경에서 작동하기 때문에 팀원과 협업할 때 공유하기가 곤란한 점이 있죠

 

내 Local도, 누구의 Local도 아닌,

인터넷에만 접속되어 있으면 팀원 모두가 접근할 수 있는 제3의 공간에 작업물을 저장하고 공유한다면

작업 능률이 훨씬 증가하겠죠? 버전 관리는 두 말 할 필요 없구요 ^^!!

 

자, 이제 GitHub를 이용해보겠습니다!

 

 

 

마찬가지로 검색 창에 "깃허브"를 검색해주세요 ^^

마찬가지로 검색 목록 최상단에 GitHub 공식 홈페이지가 노출이 되네요!

 

 

 

 

접속하셔서 오른쪽에 Sign in  /  Sign up이 있습니다!

기존에 가입하신 계정이 있다면 Sign in으로 로그인을,

신규 회원이시라면 Sign up으로 회원가입을 진행해주세요 ^^!

 

요즘엔 워낙 이메일 연동 인증이 잘 되어 있어서

구글 계정으로 연동하면 가입하기도 편리하고 관리하기도 편해서 좋더라구요 ^^

 

 

 

 

회원가입을 마치시고 로그인을 하시면 위와 같은 화면에 접근하실 수 있습니다 ^^

 

 

 

 

우측 상단 본인 프로필 사진 부분을 클릭하시면

여러가지 메뉴가 나옵니다 ^^

여기서 your repositories를 클릭해주세요!

 

 

 

 

저는 기존에 생성한 여러 레포지토리들이 있는데

신규 회원이시면 목록이 비어있을겁니다 ^^

오른쪽 "New" 버튼을 눌러서 새 리포지토리를 생성해볼까요?

 

 

 

 

리포지토리의 이름은 여러분이 원하시는 임의의 이름으로 지어주시면 되겠습니다 ^^

그리고 Description 바로 하단에

공개 범위를 Public으로 할지, Private으로 할지 선택할 수 있는데요!

설명 편의상 Public으로 체크하겠습니다 ^^

 

그 밑에 REAEME file 생성을 체크해주시고

.gitignore 부분에는 python을 검색해서 선택해주세요^^

 

.gitignore에 기입된 파일들은 원격 리포지토리에 반영되지 않기 때문에

보통 Config 파일과 같이 key값이나 어떤 개인 정보가 담겨있는 파일들,

또는 굳이 리포지토리에 올릴 필요가 없는 파일들은 이 파일에 기입합니다 ^^

 

 

설정을 마치셨다면 Create Repository를 클릭해서 생성을 마무리해주세요! 

 

 

 

 

정상적으로 리포지토리가 생성된 화면이 되겠습니다 ^^

저 같은 경우에는 리포지토리의 이름을 streamlit-server로 지었습니다!

 

 

 

 

리포지토리 화면의 우측 상단쯤의 "Code" 버튼이 보이시나요?

한 번 클릭해보시면 위 이미지와 같이 여러 메뉴들이 나오는데요

그 중에서 Open with GitHub Desktop을 클릭해주세요 ^^!!

 

 

 

 

그럼 GitHub Desktop이 작동하여 이렇게 쉽게 해당 원격 리포지토리를 내 Local로 Clone 할 수 있습니다 ^^!

경로를 잘 확인해주시고 Clone 버튼을 눌러주세요!

 

 

 

 

잠시 Clone 작업 중 화면이 표시됩니다 조금만 기다려주세요 ^^!

 

 

 

 

그럼 이처럼 Clone 작업이 마무리 됩니다!

이제 막 Clone을 마치고 소스코드 수정에 대한 아무런 작업도 하지 않았기 때문에

No local changes라는 메세지가 나타나 있습니다^^

 

화면 중앙의 세 개의 버튼 중에서 가장 상단의 Open with Visual Studio Code가 보이시나요?

해당 버튼을 누르시면 바로 VSC로 해당 리포지토리의 파일이 열람이 됩니다 ^^!

 

이 외에도 소스코드 수정이 있을 경우, commit과 push 작업 또한

버튼만 누르면 되기 때문에 GitHub Desktop이 참 편리합니다 ^^!

 

 

 

 

Visual Studio Code로 실행하면 위와 같은 화면을 보실 수 있습니다!

해당 디렉토리에는 .gitignore 파일과 README 파일 밖에 없죠

앞으로 python으로 작업을 하여 streamlit 웹 대시보드를 배포해보도록 하겠습니다 ^^!

서버 인프라 구축 및 서비스 배포에 대한 구체적인 내용은 카테고리 중 AWS 탭에 정리되어 있습니다!

 

 

이렇게 Git 관련한 설정까지 마무리지었습니다

드넓은 개발의 세계를 항해하는 모든 분들 건승하시고 행복하시기 바랍니다 ^^!