본문 바로가기

Github & Streamlit

Git/Github desktop/ Visual Studio Code 설치 및 설정

반응형

- 웹 대시보드를 위한 streamlit 플러그인, 해당 플러그인을 사용하기 위해 우리는 vscode를 이용한다. 

 

설치 필요 프로그램: Visual Studio Code, Github Desktop, Git

 

visual studio code:

-> 깃을 연결해서 할 수도 있음

-> 디버깅 할 수 있음. 소프트웨어 실행시키는 것.

-> 플러그인: extensions. 

ㄴ 현재 설치 필요: Jupyter ,python

 

깃 설치:

ㄴ 깃은 소스코드를 관리해주는 것. 

https://git-scm.com/

들어가서 설치

 

깃 허브 가입 필요 및 깃허브 데스크탑 설치: 

https://desktop.github.com/

 

Streamlit 플러그인 설치: 

아나콘다 프롬프트에 하기 문구 입력하여 설치

pip install streamlit

설치 완료 후에, 

streamlit hello

입력하여, 잘 작동되는지 확인

해당 웹이 뜨면, 스트림릿이 동작하고 있다는 뜻

대게는 여기서 개발해서, aws에 올린다.

 

Email을 입력해준다. 

아나콘다 프롬프트에서 ctrl + c 누르면, 웹대시보드 동작이 멈춘다.

 

깃허브에서 New repository를 생성한다. 

ㄴ repository: 프로젝트 단위라고 보면 된다. 

ㄴ 소스코드를 관리하는 저장소이다.

 

깃허브에서 new repository 만들기

  1. new
  2. + 버튼

 

깃허브닷컴은 오픈소스 관리하는 곳

새로운 repository 만드는 페이지

- 이력서 노출하고 싶으면, public

ㄴ회사에서는 private

- readme file은 항상 있어야한다.

 

- gitgnore: 소스코드를 업로드 하는데, 파일 중에서 올리지 않을 파일이나 내용을 여기다가 적어두는 것.

- > 선택은 Python

“나는 파이썬 코드를 업로드하면, 파이썬이랑 관련없는 건 업로드 하지 않겠다.” 라는 뜻

1. 깃에서 레파지토리 만들었다. 
2. 내 레파지토리를 가져와야한다. (회사컴이면 회사컴), 한번만 -> Clone(복제)
3. 파일 생성 (파일은 내 컴퓨터에만 생성이 된 것)
4. 클라우드에다가 올린다: 푸쉬한다.push

 

Clone: 

- 첫번째 방법은 명령줄로 클론

- 두번째 방법은 open with github desktop

GitHub Destkop가 설치되어있는 상태에서, 

Open with GitHub Destkop 클릭시

해당 화면처럼 표시된다. 저장할 장소를 선택하고, Clone 클릭

좌상단에 현재 내가 작업할 프로젝트를 고르고,

오른쪽에 작업할 툴을 클릭하면, 바로 vscode로 들어간다. 

비쥬얼 스튜디오에서 플러그인 설치: Jupyter, Python.

해당 화면에 있는 플러그인 설치

여기 있는 read me 파일은 아래와 같다.

 

(github 에서 보여지는 모습)

 

Vscode 에서 새로운 파일 생성방법

(vscode에서 새로운 파일 생성방법 1)

 

(vscode에서 새로운 파일 생성방법 2)

 

Git 설치:

ㄴ 깃은 소스코드를 관리해주는 것. 

https://git-scm.com/

들어가서 설치

 

 

다 next눌러서 설치 

 

Authorize 클릭 및 Visual Studio Code 재시작

 

주기적으로 패치 설정 필요

 

 

commit (커밋)

ㄴ 내가 만든 파일을 깃한테 우리가 파일 만들었다 하고 알려주는 것.

ㄴ 저장의 개념

ㄴ 저장을 안하면, 다 증발.

커밋은 내컴에만 저장하는 것. 그 다음에는 클라우드에다가 업로드를 해야한다. 

 

push (푸쉬)

ㄴ 클라우드에다가 업로드 하는 행위.

커밋을 해야 푸쉬가 가능함

 

이런 표시가 나오면

 

상단 검색창에 요거 설정해준다. 

 

우하단에 위 이미지에 선택했던 것처럼 '3.9.6 64-bit' 표시가 나와야한다. 

 

vscode 파일 작업 후에 저장: ctrl+s

ㄴ 자동저장이 아니므로, 내가 수동으로 세팅하자.

- vscode에서 내용이 변경될 때마다, 어떤 파일에 어떤 내용이 변경되었는지, 표시된다. 

- 왼쪽 아이콘 위에 있는 숫자는:  1파일 저장 됐다는 뜻

- Changes 밑에 파일명 우측에 M이라고 표시되어있는 건,  modified 수정 됐다는 뜻

 

- vscode에서 커밋하는 과정. 

- 변경사항의 내용을 입력하고, 위의 체크표시를 누르면, 커밋이 된다. 

 

- 커밋할 때 나오는 경고문인데, 매번 나오므로, Always로 클릭하도록 하자. 

 

 

- 커밋완료 후에 깃허브에 push(푸쉬)를 해야한다. 

- sync 누르고 -> ok 누르면,

- 깃허브에 로그인하라고 창이 뜸, 로그인 하면 됨.

 

- 깃허브에 들어가면, 변경사항이 적용된 화면이 보인다. 

 

- VScode 상단의 terminal에서 new terminal선택하여, 터미널 창을 띄운다.

- 터미널 창은 defult가 powershell로 되어있는 데, +버튼 옆에 화살표를 눌러서 Command Prompt로 전환해주자. 

ㄴ 여기서 명령을 준다.

- base는 아나콘다 깔려있는 것.

 

만일 진행이 안될경우:  

(여기 이메일이랑, 깃허브 이메일 주소랑 다르게 설정한 사람은 오류가 생겼었다.)

Terminal에다가 하기와 같은 문구를 적어서 enter

$ git config --global user.name “abc”
$ git config --global user.email “abc@gmail.com”

 

혼자 프로젝트 작업 时

- 외부에서 작업하고, 자택에서는 깃허브데스크탑 설치, 깃 설치, 

ㄴ그리고 클론, 레파지토리를 똑같이 설정하는 것

클론은 최초로 한번만

ㄴ 집에서 작성하고, commit

ㄴ 커밋한 내용을 깃허브 닷컴 내용을 올린다 => 푸쉬

 

- 다음날 또 외부에서 작업 할시에, 어제 커밋했던 내용을 깃허브에서 가져와라 : pull

ㄴ그럼 동기화가 되어서, 작업 가능

 

반응형