brunch

You can make anything
by writing

C.S.Lewis

by 이일공 Apr 16. 2023

깃허브 프로젝트를 컴퓨터와 연결하기

깃허브에 파일을 쉽게 올려보자

https://brunch.co.kr/@everiwon/42

이전 글에서는 깃허브 계정을 만들고 프로젝트 리포지토리를 만들었다.

이번 글에서는 깃을 설치하고, 리포지토리를 연결해보려고 한다!


이제! 깃을 다운 받아야 한다.

깃허브는 소스코드를 올리는 공간일 뿐, 컴퓨터에서 인터넷으로 파일을 올리기 위해서는 깃이 필요하다.


제일 먼저, Git 페이지에 들어가 다운로드 한다.

https://git-scm.com/downloads


os 별, 다른 다운로드 방법을 확인하고 다운로드 한다.

Mac의 경우는 다음과 같다.


Homebrew 다운로드

git 설치를 위해 다운받아야 한다.            


1) 파란색으로 작성된 homebrew 페이지 클릭


2) 설치 명령어 복사

복사 버튼 눌러서 복사 가능


3) 터미널 열기

command + space를 눌러 terminal 검색 후 실행


4) 터미널에 설치 명령어 붙여넣기

password : 가 등장하면 맥북의 비밀번호 입력 후, 엔터를 누르면 설치 시작


5) brew help 를 입력하여 설치가 잘 되었는지 확인



Git 다운로드

1) 설치 명령어 작성

brew install git


2) 설치 버전 확인

git --version

버전 번호가 잘 나온다면 설치가 정상적으로 완료되었다!




Git 리포지토리연결

깃을 다운 받았다면, 만들어 둔 프로젝트 리포지토리를 연결하자!


1) 관련 정보 작성하기

몇 가지 세팅을 먼저 해 준다. your-email에는 깃허브 가입했을 때 썼던 이메일을 쓴다.

git config --global user.name "your-name"

git config --global user.email "your-email"


정보들이 잘 들어갔는지 확인을 위해 lsit 명령어를 쓴다.

git config --list

정상적으로 되었다면 이런 화면이 등장한다!


2) 원하는 곳에 깃허브와 연결할 폴더를 만들기


3) 터미널에서 파일 위치로 이동하기

폴더에서 터미널로 바로 가거나, 터미널에 직접 

cd 로컬저장소주소

를 작성해서 파일 위치로 이동한다.


4) 본격적인 업로드 시작!

git init

init은 initialize의 줄임말로, 맨 처음 프로젝트를 연결할 때 입력해야 하는 코드이다. 프로젝트 초기화를 위함.


git add .

git add . 를 입력해 깃에 올릴 파일들을 추가한다. '.'은 '전부'를 뜻한다. 일부만 올리고 싶다면, git add index.html << 이런 식으로 추가하여 올릴 수 있다.


git status

git status를 눌러 상태를 확인한다. 성공하면 내가 추가한 파일명이 등장한다.


git commit -m "first commit"

깃허브에 히스토리로 남길 문장을 따옴표 안에 넣어 커밋을 한다.


성공하면 뭐가 얼마나 바뀌었는지 히스토리가 뜬다.


이렇게 열심히 깃에 파일을 연결했지만 아직 우리의 깃허브의 리포지토리엔 연결되지 않았다..!

연결을 위해 다시 깃허브로 들어간다.

리포지토리에 들어가 clone 버튼을 누르면 주소가 나오는데, 이를 복사해서 다음과 같이 작성해 넣는다.

git remote add origin 깃허브주소


이 리포지토리로 내 코드를 보낸다는 뜻이다.

엔터 쳐서 아무 오류가 뜨지 않는다면 성공!













git push -u origin main

마지막으로, 올려놓은 코드들을 깃허브로 push한다.

이런 결과가 뜬다면 성공적으로 push 되었다! 축하,,~






작가의 이전글 깃허브로 나만의 웹 사이트 만들기
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari