[React clone coding] #1. gitlab 설치 및 연결 / SSH Key 생성하기

 

 

 

📌 토이프로젝트 기록

• 리액트로 스타벅스 사이렌 오더 클론코딩 하기
• 본 프로젝트는 학습을 위해 스타벅스 사이렌 오더 어플을 리액트로 재구성 한 것입니다.

 

---

 

✅ GitLab 계정 만들기

The most-comprehensive AI-powered DevSecOps platform

 

 

✅ GitLab에 프로젝트 생성하기

• 프로젝트를 생성하는 과정은 아래와  같음.

gitlab 상단 +버튼을 눌러서 새 프로젝트를 생성한다.

 

• 프로젝트의 이름과 프로젝트 공개 설정을 Private / Public인지 체크

 

✅ SSH key 설정하기

• SSH Key를 설정하지 않으면 clone, pull 또는 ci/cd를 실행할 때, 계속 비밀번호를 치고 실행해야한다고 함.

 

$ ssh-keygen

• ssh-keygen을 gitbash든 터미널이든 명령

 

C:\Users\루트폴더\.ssh

• 해당 경로에 .ssh 폴더가 자동으로 생성된다.

 

✅ SSH key 파일 확인

• 해당 폴더에는 이런 파일이 저장되어 있는데, 가장 마지막 파일을 메모장으로 열어준뒤 전체 복사
• SSH-Key 값은 ssh-rsa로 시작 되어야 함.

 

• 깃랩에는 id_rsa.pub 인 public 키를 등록

 

• 키값이 정상 등록 되었을때 뜨는 화면?

 

 

✅ git GUI 설치

• 하단 사이트에서 git GUI를 설치한다.

https://git-scm.com/

Git

• 다운로드 버튼을 눌러서 맞는 운영체제의 파일을 설치한다.

 

• 아무 폴더에 들어가서 우클릭을 하면 Open Git GUI Here, Open Git Bash Here이 생김.
• Open Git Bash Here을 클릭하면, GitLab과 연결할 수 있는 cmd가 열린다.

 

✅ git bash에서 SSH agent 시작 ➡ SSH 키를 agent에 추가

eval $(ssh-agent)
ssh-add ~/.ssh/id_rsa

 

 

✅ git과 로컬 프로젝트 파일 연결하기

$ git clone [git clone 경로]

• vscode를 켠 후 클론 받고 싶은 폴더를 오픈한다.
• gitlab에서 파란 code 버튼을 눌러 나오는 드롭다운 중 HTTPs 주소를 복사한뒤 git clone을 받는다.
• 해당 폴더에 clone 되었는지 확인

 

$ git config --global user.name "이름"
$ git config --global user.email "이메일"

• git 초기세팅 (최초 1회만 해주면 됨)
• 프로젝트마다 다른 이름과 이메일을 사용한다면 --global은 지우고 명령어 실행

 

 

✅ GitLab에 커밋, 푸시하기

• 커밋하고 싶은 파일을 + 버튼을 눌러 스테이지로 옮겨준다

 

$ git commit -m "커밋메세지"
$ git push

• 해당 과정을 거치면 깃랩에 커밋과 푸시 완료

 

• 깃랩 페이지에서 정상적으로 커밋된 히스토리를 확인 할 수 있음.