Git을 사용하면 USB 안들고 다녀도 되는거야?
말이 되는 소리를 해야지
Project 생성하고 Git에 연동하기!
개요
이 게시글에 방문했다는 것은 Git을 본격적으로 다뤄보고 싶다는 의도로 생각한다. 오늘 내용에는 Git 뿐만 아니라 node와 express를 설치해서 생성된 프로젝트 파일들을 Git에 업로드 하는 과정을 설명하고자 한다. 기본적으로 필요한 요소들은 다루지 않을 예정이며 사전에 준비하고 오길 바란다. 필자는 macOS를 선호하지만 대다수의 블로그 방문자가 Windows 환경이라는 점을 감안하여 윈도우 환경으로 준비했다. 참고로, GUI버전은 사용하지 않고 CUI 버전을 다룬다.
GUI 버전의 Git 활용 방법을 알고싶은 방문자는 다른 블로그를 찾아보는 것을 권고한다.
추가로 실습을 함과 동시에 개발 용어를 같이 익혀두었으면 한다.
준비물
- Git Bash : https://gitforwindows.org/
- GitHub : https://github.com/
🥕 GitHub에 저장소 만들기
🍖🦴💬🗨️
기본적으로 GitHub 계정을 생성했다는 가정 하에 진행된다.
저장소를 생성하는 방법이 여러가지 있지만 하나씩 차근차근 알아보기로 하자.
먼저 Github 페이지로 이동하고 로그인 하고 우측 상단의 계정 아이콘을 눌른다.
Your repositories를 누른다.
우측에 초록색 버튼 New를 누른다.
본인이 원하는 저장소 이름을 적어주자
되도록이면 영어 작성하고 타이핑하기 쉽도록 어려운 영어를 많이 조합하지 말자
(참고로 node + typescript + angular 기반의 쇼핑몰 페이지 만드는 강좌를 준비하고 있어 market으로 정했다.)
아래 설정 값들은 현재로서는 필요가 없으니 public 상태로 아무것도 체크하지 않은 뒤 생성한다.
아래와 같은 화면이 나온다면 정상적으로 저장소가 생성된 것이다.
이제 Git Bash를 활용하여 Git 연동에 필요한 프로젝트 파일을 생성하자
Git Bash를 실행하면 아래 사진과 같이 나온다.
리눅스에 대한 이해가 없으면 많이 어려울 수 있으나, 최대한 따라하기 쉽게 가이드 해주려고 한다.
내 문서로 이동한다.
$ cd Documents/
Develop 디렉토리를 생성하고 안으로 진입한다.
$ mkdir Develop
$ cd Develop
market 디렉토리를 생성하고 안으로 진입한다.
$ mkdir market
$ cd market/
지금 입력한 명령어들은 윈도우 환경에서 내문서 안에 Develop 폴더를 생성하고 해당 폴더 안에 market 폴더를 생성한 것과 같다.
실제로 내문서 안에 Develop 폴더와 그 안에 market 폴더가 생성된 것을 확인할 수 있다.
이제 market 폴더와 Github의 market repository를 연동시킬거다.
해당 위치를 Git을 사용할 수 있도록 초기화
$ git init
.git 이라는 Skeloton 뼈대 파일을 생성한다. 자세한 내용은 Git의 내부에서 확인할 수 있다.
(클론실습 이후에 Git의 개념과 이론을 다루는 게시글에서 세부적으로 다룰 예정)
Develop 디렉토리를 생성하고 안으로 진입한다.
다음 작업에서 Github의 저장소 주소가 필요하다. 웹 창을 다시 열어 Github에서 아까 생성한 저장소의 주소창의 경로를 복사하자
다시 Git Bash로 돌아와서 git remote add origin을 작성한 위, Shift + Ins 키를 눌러 붙여넣기 한다.
Ctrl + V는 윈도우의 명령어로서 Git bash에서 먹히지 않는다. 잘 안될 경우, Bash 화면에 마우스 우클릭해서 Paste 해도 된다.
$ git remote add origin [https://github.com/계정이름/저장소이름](https://github.com/계정이름/저장소이름)
생성한 폴더와 Git의 연동이 되었다.
이제 새롭게 추가되는 파일을 add commit push 과정을 거쳐 저장소에 업로드하는 과정을 해보자.
마치며
Git을 사용하는 방법은 간단하게 실습을 해보았다.
위 실습 과정 뿐만 아니라 더 많은 부분이 있는데 개념이 잡히지 않은 상태로 먼저 실습하기에는 무리가 있다 판단되어 작성하지 않았다. 다음 게시글에는 git 명령어에 대한 문법들의 상세한 내용과 개념 확립을 위한 branch, merge, head 등 디테일한 내용을 다뤄보고자 한다.
'웹 > git' 카테고리의 다른 글
.gitignore 만들기 (0) | 2020.11.04 |
---|---|
Git 이란? (0) | 2020.11.04 |