본문 바로가기
💻 하나씩 차곡차곡/etc.

VS Code로 깃허브(github) clone, commit, push, pull 하기 (+) 깃허브(github) TIL

by 뚜루리 2024. 11. 15.
728x90
320x100
깃허브(github)에 TIL 작성하려고 하는데 그 때 VS Code를 써보기로 함.
그래서 간단히 정리해보는 VS Code clone, commit, push, pull 하는 방법!

 

사전에 필요한 작업

  • VS Code 설치하기

(+) VS Code 설치법 간단 설명

1. 검색창에 'VS Code 다운로드' 검색하거나 아래의 링크를 통해서 다운로드 페이지 접속함.

https://code.visualstudio.com/download  

 

Download Visual Studio Code - Mac, Linux, Windows

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

code.visualstudio.com

 

 

2. 구글에 VS Code 다운로드 페이지에서 자신의 운영체에 맞는 파일 다운로드하고 실행해서 다음 ~ 다음 ~ 눌러주면 설치 완~!

 

 


 

Repository Clone하는 법

*** 깃허브에 있는 프로젝트를 VS Code로 불러오기

1. 좌측에 세번째 아이콘을 클릭한 후 'Clone Repository'를 클릭한다.

 

2. 상단에 주소창을 쓸 수 있는 칸이 생기는데 거기에 클론하려는 깃허브 주소를 입력해줌.

 

(+) 깃허브 주소는 어떻게 알수 있나요?

깃허브 프로젝트에서 우측 초록섹 버튼 'Code'를 클릭했을 때 HTTPS 에 해당하는 주소를 복사해오면 됨.

 

3. 그럼 내 컴퓨터에 어느 위치에 그 프로젝트를 클론해놓을 거냐고 위치를 지정해달라고 하는데

나는 프로젝트 모아놓는 폴더가 따로 있어서 거기로 지정함.

 

 

4. 깃허브 Repository 클론 완료.

 


 

Repository Push 하는 법

1. 좌측 세번째 아이콘(소스 제어)를 클릭하면 현재 변경된 파일이 어떤 것인지 알려주고 '커밋' 버튼을 누르면 커밋 완료 됨.

 


(+) 무한 커밋이 되는데요?! (= 커밋이 뱅글뱅글 돌기만하고 안돼요!)

커밋 메시지를 적어주지 않아서 그렇다고 함. 커밋 메시지를 반드시 적어줘야 함.

*** 개인적으로 커밋 메시지를 반드시 적어야 커밋이 되는 거면, 커밋메시지를 작성하지 않으면 커밋이 되지 않는다고 알려주는 게 더 직관적일 것 같은데 왜 이렇게 만들었는지 약간의 의문....물론 '커밋 메시지를 작성해주세요' 라고 페이지가 하나 뜨긴 하는데...생각보다 눈에 띄지 않고, 본다 하더라도 '필수'가 아닌 권고사항처럼 보여서 무시하게 됨. 아예 메시지를 작성하지 않으면 커밋되지 않게끔하거나 alert()를 띄우는게 맞지 않나 싶음. 처음에 나도 커밋이 안되서 찾아보니 다들 비슷한 경험이 많이 있더라는....

 


Repository Push 하는 법

1. 커밋 완료 후에는 '커밋'이라고 보이던 문구가 '변경 내용 동기화'라고 뜬다. '변경 내용 동기화'를 클릭해주면 Push까지 완료!

 


Repository Pull 하는 법

1. '소스 제어' (좌측 세번째 아이콘)창에서 '...'을 클릭하면 Pull 버튼을 눌러 주면 끝!

*** 나는 한 컴퓨터로 나만 사용하는 Repository기 때문에 사실 push가 필요 없긴한데

그래도 소스를 변경하기전에 Pull 하는 습관을 들이는게 좋음으로....

728x90
320x100