Git 생활코딩 스터디 2

- 해당 공부는 생활코딩을 토대로 하였음 -

git에 대한 이미지 검색결과
  1. GIT Hub
    http://github.com

Build software better, togetherGitHub is where people build software. More than 28 million people use GitHub to discover, fork, and contribute to over 85 million projects.github.com

▷ 버전관리 시스템인 Git을 이용하는 프로젝트들을 위한 원격저장소를 제공하는 서비스
▷ 오픈소스는 무료, 비공개 프로젝트는 유료 정책
저장소 크기의 제한이 없다.
▷ 로컬 버전관리 시스템이 없이도 많은 작업을 웹상에서 할 수 있으며 따로 설치가 필요없다.
▷ 사람 중심의 서비스 구성이기 때문에 특정 저장소에 접근하려면 ‘아이디/저장소명’으로 해야 한다.
EX) HYEOK999/TEST01

  1. Git 사용하기1 ( 저장소 생성 , 첫 버전파일 생성 )

img

▷ Source Tree를 처음 실행하여 계정 등록의 절차를 걸치고 난 후에 뜨는 화면입니다.
▷ 1번 Local 현재 자신의 pc 저장소를 의미합니다.
▷ 2번 Remote는 원격저장소를 의미합니다.
SourceTree에 타 원격저장소 Git HUB , Git lab등과 같은 저장소를 이용할때 사용되는 탭입니다.
▷ 3번은 클론저장소 입니다.
협업 프로젝트 진행 할 때 개발되어진 소스를 처음에 전부 가지고와야될 경우 사용합니다.
▷ 4번은 자신의 PC에 이미 생성된 저장소를 불러올경우 사용되는 탭입니다.
Git으로 인해 버전관리가 되어진 폴더의 경우에만 사용이 가능합니다.
▷ 5번은 버전관리에 사용될 저장소를 생성합니다.

img

▷ 5번 탭에서 새로운 버전관리 저장소를 만듭니다.
test_git 이라는 새로운 폴더를 만들어주고 해당 폴더에 간단한 html문서를 하나 생성하고
test01.html 이라고 저장을 하도록 하겠습니다.

img

그럴경우 소스트리에서 변화가 생겼습니다.
우선 왼쪽 상단의 파일 상태 탭을 보면 2가지 창으로 분류 되어있는 것을 볼수 있습니다.
아래쪽의 창을 Working Copy 라고 부르고
위쪽의 창을 Staging Area 혹은 Index라고 부릅니다.

그리고 Working Copy를 자세히 볼 경우
? 라고 되어 있는 곳에 아까 생성한 html 파일명이 있는 것을 확인할 수 있습니다.
우선 ? 라는 표시의 의미는 git이 모르는 파일 .
즉, 관리가 안되고 있는 파일 혹은 관리를 처음으로 시작해야하는 파일을 의미합니다.
해당 파일을 Stage selected 나 all을 누를경우 스테이징 에어리어에 test01.html 파일이 올라갑니다.
그리고나면 왼쪽의 아이콘은 +로 바뀌는데 이것은 해당 파일을 버전관리에 추가함을 의미합니다.

img

그 후 코멘트를 작성 한 후 Commit을 누를경우 처음으로 버전관리가 되어집니다.
여기서 코멘트는 무조건 작성해야 합니다. 만약 작성을 안할경우 Commit이 불가능합니다.
왜냐하면 버전관리의 의도는 해당 버전이 무엇인 변경되었는지 어떠한 코드가 추가되었는지
알 수 있도록 해야하기 위함이기 때문입니다.

img

Commit을 누를 경우 왼쪽에서 Branches 라는 탭을 보면 master라고 뜨면서 오른쪽 창에는
제가 적은 코멘트와 함께 버전이 올아와있습니다.
여기서 master는 저 자신 즉, 본인을 의미하고 왼쪽하단에는 코멘트와 날짜와 같은 정보,
오른쪽 하단에는 추가된 내용이 있습니다.

\2. Git 사용하기2 ( 추가 버전 생성 )

img

이제 다시 HTML 로 돌아와서 간단하게 내용을 추가하도록 하겠습니다.

태그 안에 ‘Git 테스트 공부!’ 라는 내용을 추가하고 저장을 하겠습니다. <p>그럴경우 master BRANCHES에서 변화가 생깁니다.<br>Uncommitted changes라는 문구와 함께 새로운 버전이 올라와 있습니다.<br>왼쪽에 나타난 쿠키모양의 아이콘은 버전관리중인 파일을 의미합니다.</p> <p>그리고 하단을 보면 Working copy와 Staging Area 창이 보입니다.<br>Working copy에 있는 파일을 눌러보면 오른쪽창에 무엇이 변경되었는지 확인할 수 있습니다.<br>해당 파일을 Staging Area에 올려놓도록 하겠습니다.</p> <p><a href="https://blog.naver.com/PostView.nhn?blogId=iasg2004&logNo=221361075108&categoryNo=25&parentCategoryNo=0&viewDate=¤tPage=1&postListTopCurrentPage=1&from=postList&userTopListOpen=true&userTopListCount=5&userTopListManageOpen=false&userTopListCurrentPage=1#" rel="external nofollow noopener noreferrer" target="_blank"><img src="https://postfiles.pstatic.net/MjAxODEwMDZfMTM3/MDAxNTM4ODE2Mzk5OTc1.eL-T4fqOTXKoxXydtUiD4tWkG3kwK6vHb8-a6lGcp00g.Y9ol5zccGS2NgvorEVjTHjVBIaajiaVRm44NzGjOXv4g.PNG.iasg2004/GIT054.png?type=w773" alt="img"></a></p> <p>해당 파일을 Staging Area에 올려놓고 오른쪽 클릭을 하면 Commit이 있습니다.<br>해당 버튼을 클릭하면 오른쪽 그림처럼 코멘트를 입력할 수 있는 창이 뜨게 됩니다.<br>해당 창에 ‘<title> 태그 내용 추가’라고 입력하고 Commit하도록 하겠습니다.

img

그러면 최종적으로 이제 새로운 버전이 추가된 것을 알 수 있습니다.

Share