웹대시보드 개발

웹대시보드 개발(1) 소스코드 버전 관리를 위한 Git과 Github.com 사용법

개발연습자1 2022. 12. 12. 13:18

우리가 여태껏 작동했던 코드들은 우리가 맞춰준 환경에서만 작동한다. 다른 사람들에게 내가 짠 코드를 보여주는 방법은 이렇게 블로그에 코드를 올리는 방법이 있겠지만 이건 사실 막연한 방법이다. 코드를 더욱더 잘 보여주기 위해선 웹대시보드를 작성해 코드부터 동작방식까지 묶어 웹대시보드에 올리는 방법이 있다.

 

오늘은 첫번째 시간으로 소스코드를 관리 저장해주는 git과 git를 다루는 사이트 github.com를 알아보겠다.

 

 

우선 git에 대해 알아보자

 

git은 여러사람들의 소스코드를 관리하는 분산버전 관리시스템이다. git에 대한 자세한 얘기는 추후에 다시 하겠다.

 

 

두번째 github를 알아보자

 

github는 git를 활용한 웹사이트로써 git를 좀더 깔끔하게 만들면서 효율적인 작업이 가능하게 만든 사이트이다.

 

git를 활용하기 위한 실질적인 첫단계이다.

 

https://github.com/

 

GitHub: Let’s build from here

GitHub is where over 94 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

위에 사이트에서 github를 가입하자 

 

가입하고 나면 your_repogitories에 들어가 repogitory를 하나 만든다.

 

 그럼 이제 github내에서 작업은 되었고 

 

다시 github desktop 이란 것을 다운받는다.

 

https://desktop.github.com/

 

GitHub Desktop

Simple collaboration from your desktop

desktop.github.com

 

여기에서 다운받고 자신의 컴퓨터에 설치해준다.

 

 

이제 마지막 한가지만 남았다

 

visual studio code를 설치해주자

 

https://code.visualstudio.com/ 

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

그냥 visual studio를 설치하면 안되고 visual studio code를 설치해야 한다.

 

이것까지 설치 했다면 이제 visual studio code 실행하고 

 

메인 화면에 termial에서 new termial를 선택해준다.

 

 

선택하고 십자 버튼 옆에 화살표를 클릭하고 command prompt를 클릭한다. 

 

 

그런 다음 예전 아나콘다 프롬프트 처럼 가상환경 설정 화면이 나오는데 여기서

인터프리터를 클릭하고 자신이 예전에 만들었던 파이썬 가상환경 이름을 클릭한다.

 

 

그러면 이제 여기에 파이썬 코드를 쓸수 있게 된다.

 

이제 메인 화면에 서류 모양을 클릭하고 안쪽에 서류십자버튼을 클릭하면 새로 코드를 작성할수 있다.

 

 

반응형