[Git] 초보자를 위한 깃허브 사용법 / 깃허브에 코드 올리기

※ 본 포스팅은 윈도우11 환경에서 패스트 캠퍼스 강의를 수강하며 정리한 내용입니다.

 

---

목차

깃헙에 코드를 올리는 과정

버전 관리

버전 생성하기

---

---

[ 깃헙에 코드를 올리는 과정 ]

1.     내 컴퓨터에 프로젝트 폴더에 ‘ 여기 깃을 쓸 거다! ' 명령한다.( git init )

2.     즐겁게 코딩

3.     내가 변경한 파일 중 올리길 원하는 것만 선택한다. ( git add )

4.     선택한 파일들을 한 덩어리로 만들고 설명 적어주기  (git commit -m “첫 페이지 제작” )

5.     깃헙 사이트에서 프로젝트 저장소 만들기 ( 블로그 만드는 거랑 동일 ) 

6.     내 컴퓨터 프로젝트 폴더에 깃헙 저장소 주소 알려주기  ( git remote add )

7.     내 컴퓨터에 만들었던 덩어리 깃헙에 올리기  ( git push )

 

 

---

[ 버전 관리 ]

 

 

 

개발자 A가 웹 페이지 1,2,3을 작성하였다.

 

 

 

작성한 페이지 1,2,3을 하나로 묶어 버전으로 만든다.

커밋(commit)을 하면 버전 1로 페이지1,2,3이 저장된다.

 

 

---

 

개발자 A가 페이지2를 수정하였다.

 

 

 

A가 페이지2를 수정한 후 커밋하여 버전 2를 만들었다.

이전 버전(=버전1)에서 페이지 2가 업데이트된 페이지 2 수정본이 반영된 페이지 1,2(수정된),3이 반영된다.

 

이 두 버전은 연결이 되어있어 버전1과 버전 2 서로 어떤 부분이 수정되었는지 알 수 있다.

다른 점이라면 버전 2에서는 버전 1에서의 페이지 2가 수정되어 저장되어있다.

즉, 과거 이전의 버전이 필요하면 버전1로 돌아갈 수 있는 시간여행이 가능하다.

 

 

 

 

A가 페이지1,2,3을 작성하였다.

 

 

 

 

 

여기서 1,2만 커밋(commit)을 원할 때 1,2만 add후 

 

 

commit을 한다면

 

 

 

페이지1,2만 저장이된다.

 

 

[Git] 형상 관리 / 형상 관리 버전 관리

 

---

[ 버전 생성하기 ]

*깃 로컬 저장소가 필요합니다.*

[Git] 깃 시작하기 / 깃 로컬 저장소 만들기

 

 

1. VS code에서 mygit 폴더(깃 로컬 저장소)를 열어줍니다.

또는 상단 메뉴에서 파일 > 폴더 열기

mygit 폴더를 열었다면 .git 폴더는 숨긴 폴더라 보이지 않습니다.

 

2. index.html파일을 만들어 줍니다.

 

3. index.html 파일에서 html:5를 클릭하면 자동으로 html 기본 양식이 작성됩니다.

 

4. html을 작성합니다.

mygit 폴더에 index.html이 있는 것을 볼 수 있습니다.

 

5. gitbash에서 mygit 폴더로 접속하여 명령어를 입력해 줍니다.

git add index.html

git add 파일명

 

 

6. git commit -m "index.html 추가"

Author identity unknow 이라고 나온다면 (클릭)

git commit : Local Repository에 반영

-m "메모 내용": 메모(=메세지)

커밋은 의미 있는 변동 사항을 묶어서 만듭니다.

커밋을 통해 동료 개발자 또는 미래의 '나'가 어던 파일을 수정했는지 손쉽게 파악이 가능합니다.

커밋 메세지를 적는것이 귀찮아도 나중에 많은 도움이 되니 후회하지 않습니다.

 

 

[Git] 초보자를 위한 깃허브 사용법 / 깃허브 연결하기

---

잘못된 정보는 댓글에 남겨주시면 감사하겠습니다!😊

댓글과 좋아요는 큰 힘이 됩니다!