2. GitHub Repository(저장소) 및 사용법
오늘은 새로운 Repository를 Hard drive 와 연동하는 방법 그리고 GitHub 사용법 대해서 포스팅하려 한다.
사진에서 보이는 것 같이 하드에 새롭게 폴더가 생기고 연동이 된 것을 볼 수 있다.
다음 Publish repository 버튼을 누르면 오른쪽 같은 창이 뜨는데, "Keep the code privite" 같은 경우에는 유료로 돈을 지불해야하기 때문에 체크를 안하고 빨간색으로 밑줄쳐진 버튼을 눌러주면 된다.
톱니바퀴 모양이 돌아가는 것을 기다리고 https://github.com/ 사이트에 들어가서 로그인 한 후, 확인해보면 오른쪽 사진에 보이는 바와 같이 연동되어 업데이트 되있는 것을 확인할 수 있다.
Build software better, together
GitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 million projects.
github.com
위에 동그라미 쳐진 곳을 들어가기 위해서 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 Code를 다운받은 뒤, 버튼을 누르면!!!
오른쪽 사진처럼 드디어 코딩을 할 수 있는 프로그램이 실행된다.
왼쪽에 보이는 사진과 같이 말을 조금 친 뒤 저장을 하면, 오른쪽에 보이는 깃허브 데스크탑에 옮겨진다.
또 이렇게 변경된 내용에 대해서 좌측 하단의 commit을 통해 주석처럼 코멘트를 달아줄 수 있다.
그리고 Commit을 해야, GitHub에 Push(업로드) 할 수 있다. (중요)
예시를 들자면,
왼쪽 사진처럼 주석을 달고, 오른쪽 사진에 나오는 버튼(둘 다 동일함!)을 눌러주면!!
이렇게 연동되어 본문 README도 변경되어 있고, 주석도 달려있는 것을 확인할 수 있다.
마지막으로 본문 내용의 추가한 것과 지운 것도 확인할 수 있다.
아래는 Git을 공부하고 연습할 수 있는 양질의 사이트들이다.
1. 누구나 쉽게 이해할 수 있는 Git 입문
https://backlog.com/git-tutorial/kr/
누구나 쉽게 이해할 수 있는 Git 입문~버전 관리를 완벽하게 이용해보자~ | Backlog
누구나 쉽게 알 수 있는 Git에 입문하신 것을 환영합니다. Git을 사용해 버전 관리를 할 수 있도록 함께 공부해봅시다!
backlog.com
2. 생활코딩 Git 강좌 (커맨드라인 명령어 대신Sourcetree를 사용해서 더 쉽게 배울 수 있다!)
https://opentutorials.org/course/1492
GIT-SourceTree (새수업으로 대체) - 생활코딩
이 수업은 GITn 시리즈로 완전히 대체 되었습니다. GITn은 보다 많은 내용을 작은 단위로 쪼개서 선택적으로 공부하실 수 있도록 제작된 수업입니다. 아래 주소를 통해서 GITn 을 접할 수 있습니다. GITn의 SourceTree 입구수업 : https://opentutorials.org/module/3746 지식지도 : https://seomal.org/?i=GIT1 개요 버전관리 시스템은 소스코드의 중요한 변화들을 기록하는 행위라고 할 수 있습니
opentutorials.org
3. 깃 브랜치를 그래픽으로 연습해볼 수 있는 사이트
https://learngitbranching.js.org/
Learn Git Branching
An interactive Git visualization tool to educate and challenge!
learngitbranching.js.org
4. 오픈소스 입문을 위한 아주 구체적인 가이드
https://velog.io/@ppp3195/오픈소스-입문을-위한-아주-구체적인-가이드
오픈소스 입문을 위한 아주 구체적인 가이드
작년 겨울부터 오픈소스에 관심이 생겨 이곳저곳에 이슈도 올리고 풀 리퀘스트도 보내고 있다. 오픈소스 기여의 가장 큰 장점은 남의 코드를 많이 읽을 수 있다는 점과 기술 트렌드를 계속 확인할 수 있다는 점이다. 그리고 영작 실력도 미세하게 (...) 향상된 것 같다. 처음 오픈소스 활동을 시작할 때 네이버 오픈소스 가이드가 큰 도움이 됐다. 오픈소스에 대한 ...
velog.io
5. Git - Book
https://git-scm.com/book/ko/v2
Git - Book
git-scm.com
https://blog.naver.com/itisik/221666850171
blog.naver.com
본 포스팅을 쓰면서 참고한 포스팅!!
'Programming > Tip' 카테고리의 다른 글
| [TIP] 에멧 단축키(Emmet Abbreviation) in Visual Studio Code (0) | 2020.05.04 |
|---|---|
| [Tip] 라이브러리(Library), 모듈(Module), 프레임워크(Framework) (0) | 2020.02.13 |
| [Tip] 코딩(VSC) 단축키 7가지 정리! (feat. 니꼴라스쌤) (#코딩공부) (2) | 2020.02.04 |
| [GitHub] 1. GitHub Desktop 다운로드/설치하기! (#코딩공부) (0) | 2020.01.21 |
댓글