Github Desktop

#3 에서 깃과 깃허브에 관련된 내용을 다루었습니다 이론은 재미없으니 여러분과 같이 소프트웨어를 설치해보고 간단히 테스트용 코드를 작성 후 github에 올리는거까지 해보겠습니다

Github Desktop은 github에서 만든 소프트웨어 도구입니다 이 도구는 아주 간단하고 편리하게 코드를 관리할 수 있으며, 코드 수정한 부분에 대해서 바로 확인이 가능합니다

 

구글 검색란에 아래 "github desktop"를 검색하고 사이트를 들어가서 다운로드를 해주세요

설치 부분에선 특별히 강조하거나 체크해야할 것이 없으므로 설명을 최소로 줄였습니다

설치가 완료되면 아래 이미지처럼 소프트웨어가 활성화됩니다 github 계정이 있으신 분들은 로그인 해주시고 없으신 분들은 회원가입을 해주시면됩니다 회원가입은 github.com에서 해주세요 회원가입이 완료되었다면 아래 "Sign in to GitHub.com" 클릭하고 로그인해주세요

자, 첫 화면입니다 이제 저장 공간을 생성해야하니 빨간 박스를 눌러주세요

Name: 저장소 제목

Local path: 저장될 폴더(여러분이 쉽고 찾기쉬운 경로로 지정해주세요)

Initialize ~~~ 체크

create repository 클릭

생성이 거의 다 완료되어가고있습니다 빨간박스를 눌러주세요

Name은 그대로 두고 Description은 자유롭게 작성하시면됩니다 저장소의 설명글이 됩니다

Keep this code private는 꼭 체크 해제해주세요 체크하면 유료과금이됩니다

잘 만들어졌는지 확인해봅시다 프로필 옆에 거꾸로세모를 누르고 Your profile -> Repositories로 이동하시면 아래 우리가 만든 저장소가 나오게됩니다

여기까지 잘 따라오셨나요? 이제 우리는 코드 수정을 해보고 github desktop를 통해 확인해볼거에요 아까 저장소 만들 때 지정한 폴더를 들어가서 README.md를 vscode로 열어주세요

저장되어있는 경로 찾아서 폴더 자체를 켜져있는 vscode에 넣어주시면 한번에 모든 파일이 켜집니다!

(저 불편한 흰 화면은 개인정보가 담겨있어서 억지로 가렸습니다.. 양해부탁드려요)

README.md 폴더에 써져있는 #test를 지운 후에 자유롭게 여러분이 쓰시고 싶은 글을 써보시고 저장(컨트롤+S)해주세요

켜져있는 Github Desktop으로 돌아가면 여러분이 수정한 내용을 바로 확인할 수 있습니다

왼쪽에 README.md은 파일명이고 우리가 변경한 파일이 되겠습니다

오른쪽에 분홍박스 안에 -(마이너스)는 내용을 지웠다는 의미로 기록되어있고 연두색 박스는 내용을 추가한 의미로 기록되어서 +(플러스)가 되었습니다 그럼 이제 변경한 내용을 github에 올려볼까요? 

하단 첫 번째 빨간박스에 변경한 내용에 대해서 적습니다 적고 난 후에 "commit to master" 클릭 후 완료된 화면으로 넘어가면 아래 "Fetch origin" 버튼을 눌러줍시다

여러분이 쓰신 글이 잘 올라갔나요?

내용은 많아보이는데 막상 보면 별거 없죠?

여러분은 지금 깃 - vscode -깃허브 데스크탑까지 연동을 하시게 된겁니다 앞으로 여러분이 공부를 하실 때 이렇게 폴더를 만들고 공부한 내용을 commit해서 기록하시면 아주 좋은 자료가 될 것입니다 이 기록된 내용은 절때 없어지지않아요