왕초보도 바로 이해하고 시작하는 깃허브

깃허브란?

바이브 코딩 시작하는데 그 앞에 큰 벽을 만나서 막막하지 않았나요. 깃허브. 아마 그래서 깃허브를 찾아봤을텐데 어려운 설명에 포기했을지 모르겠다. 다들 중요하다고는 하는데 복잡한 느낌이 많아서 쉽게 정리해봤다.

한글 작업 할 때 파일 이름에 최종.hwp 최종2.hwp 이렇게 한 번에 끝나지 않고 반복해서 수정하는 경우가 있다. 깃과 깃허브도 마찬가지이다. 수정 기록을 확인해서 어디서 무엇을 했는지 알 수 있다.

깃은 내 컴퓨터에서 수정 기록을 도와주는 도구이고, 깃허브는 내 컴퓨터에 있는 기록을 온라인으로 가져올 수 있게 마련해둔 공간이다. 구글 드라이브로 생각하면 쉽게 감이 온다.

필수 프로그램 설치

vscode 설치

깃허브 시작에 앞서 몇 가지 프로그램 설치를 해야한다. VSCode는 코드 편집기이다. 메모를 메모장에 하는 것처럼, 코드를 적는 공간 중 하나가 VSCode이다. Ubuntu는 리눅스 운영체제이다. 나도 윈도우를 현재 쓰고 있는데 리눅스 환경으로 바꿔주는 거다. 바이브코딩을 깃허브로 연결할 때 리눅스가 더 잘되기 때문이다.

1. VS CODE 다운로드 [VSCODE 바로가기]
2. 설치 진행

리눅스 설정 변경

윈도우를 리눅스 환경으로 만들 차례다. wsl은 윈도우 안에 리눅스를 설치하겠다는 말이다. 리눅스 환경으로 바꿀때는 powershell 실행할 때 관리자로 해야한다. 일반 권한은 시스템 파일을 건들 수 없기 때문이다.

1. 윈도우 검색창에 powershell 검색 후 우클릭 관리자 권한으로 실행 클릭
2. wsl --install 입력
3. 설치 완료 후 username (입력영어 소문자)
4. password 입력 (입력해도 화면에 안 보이는 게 정상)
5. 초록색 화면 나오면 완료

Ubuntu 실행 및 Git 설치

검정색 화면 여기가 고비일 수 있다. 하지만 여기만 넘기면 된다. 검색창에 ubuntu 검색해서 실행한다. 최신 깃을 먼저 업데이트 하고 나서 git을 설치한다. 업데이트를 하지 않고 설치 먼저 하면 오래된 버전 깃을 받을 수도 있기 때문이다. 클로드코드 실행을 위한 Node.js까지 같이 설치한다.

1. 윈도우 검색창에 ubuntu 검색 후 실행
2. sudo apt update 입력 후 비밀번호 입력
3. git을 먼저 업데이트 진행
4. sudo apt install git 깃 설치
5. sudo apt install nodejs 입력 — 클로드코드 실행에 필요

VSCode랑 리눅스 연결

이제 설치한 VScode와 리눅스를 연결하는 단계다. VSCode가 WSL을 자동으로 감지해서 연결해준다. 왼쪽 하단에 WSL: Ubuntu 아이콘이 보이면 정상이다. 그런데 그 전에 한글로 먼저 바꾸고 진행하면 편하다.

1. Ctrl + Shift + P 입력
2. Configure Display Language 입력
3. 한국어 선택 후 VScode 재시작

깃허브 가입하기

필요한 프로그램 설치는 완료됐다. 이제 깃허브 가입을 할 차례다.

1. 깃허브 홈페이지 가입 버튼 클릭 [깃허브 바로가기]
2. 지메일 회원가입 (권장)
3. 닉네임, 지역 입력 후 가입하기
4. 깃허브 가입 완료

깃허브 요금제 비교 (무료 vs 팀)

그러면 깃허브 사용 전에 돈을 내야하는 건지 아니면 무료로 사용할 수 있는지 먼저 확인해보겠다. 깃허브 가격 확인하기

혼자 쓴다면 무료 버전도 충분하다. 앞서 깃허브를 코드를 저장하는 공간이라고 말했다. 깃허브에서는 무제한으로 공간을 무료로 만들 수가 있다.

나중에 팀이 생기면 그때 업그레이드 해도 된다. 팀플랜은 한달에 4달러이다. 팀으로 작업할 때 아무나 파일을 올리면 코드가 망가질 수 있다. 그래서 팀플랜은 승인하는 사람이 따로 있다.

레포(저장소) 직접 만들기

깃허브에서 코드를 저장하기 위한 공간을 레포(Repo)라고 한다. 내 컴퓨터에 있는 저장소는 로컬 레포 (Local Repo)라고 하고, 깃허브에 있는 저장소는 원격 레포 (Remote Repo)라고 한다.

예를 들어 카페가서 노트북으로 코드 작업을 했는데 이어서 집에서 PC로 작업을 해야하는 경우가 있다. 하나의 코드를 이어서 작업해야 하기에 깃허브에 있는 원격 레포를 사용해야 한다.

왼쪽 상단 Create repository 내 저장소를 깃허브에 만들 수 있다.

1. 레포 이름 (필수) : 저장소 이름을 어떻게 할지. 영어로 간단하게 작성
2. 공개/비공개 설정 (필수) : 공개로 할지, 비공개로 할지 선택
3. Readme : 레포 처음에 보이는 소개 파일. 활성화 권장
4. 완료 되었다면 레포 생성.  .gitignore, license는 지금은 중요하지 않기에 패스.

레포가 만들어졌다면 깃허브 준비는 끝났다. 실전편에서 실제로 깃허브를 어떻게 사용하는지 알아보겠다.