Notice
Recent Posts
Recent Comments
Link
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
Tags
more
Archives
Today
Total
관리 메뉴

soozya

[React] Git과 연결하기 본문

👩🏻‍💻프로젝트/👩🏻개인프로젝트

[React] Git과 연결하기

soozya 2023. 11. 7. 17:15

 

몽고DB와 연결하였으나 이 당시 캡쳐하거나 기록한게 없어서 아쉽게 monggoDB 기록은 불가.....😂

 

 

1️⃣ Git과 연결하기

 

 

1-1. Git 설치 여부 확인하기

 👉🏻 git --version을 작성했을 때 설치되었다는 내용이 없다면  https://git-scm.com 에서 Git 다운받기!

 

Git

 

git-scm.com

 

1-2. Git 설치 후 다시 확인하기

👉🏻 설치를 했는데도 계속해서 미설치 내용이 나온다면 cmd / 비스코 등 명령어를 작성하는 프로그램을 재시작해서 확인해보면 정상적으로 설치됐음을 알 수도 있다.. 나는 계속 설치가 안됐다 해서 왜이러지 했는데 혹시 몰라 종료 후 재시작하니까...🤦🏻‍♀️

 

 

3. 저장소 생성을 위해 git init 을 작성하기

👉🏻 왼쪽 Git 모양의 아이콘 옆으로 저장할 수 있는 파일 개수가 뜬다. 나는 이전에 했었기 때문에 2개의 파일만 추가하면 되지만, 처음엔 node_modules 파일때문에 몇백개가 떴었음.

 

 

4. Git의 상태 확인하기 위해 git status 작성하기

아직 commit하지 않은 경우 빨간색으로 파일명들이 보이게 됨

 

 

5. 파일을 저장하기 전에 제외할 파일을 선택하기

👉🏻  .gitignore 파일을 생성 후 제외할 폴더명 작성

 

👉🏻 만약 작성 전 git add . 를 작성했다면, git rm --cached node_modules 명령어를 통해 정보를 지워주기

다시 git status 를 검색해보면 node_modules 는 사라져있을 것..!

 

6. Git에 추가하기 위해 Git add 명령어 작성하기

 

 

7. git nommit -m "메세지 작성" 으로 Git에 commit하기!

 


 

2️⃣ GitHub에 파일 올리기

 

1. https://github.com 가입 먼저하기!

 

 

2. repository (저장소) 생성하기~~

 

 

3. SSH 설정 확인하기

👉🏻 ls -a ~/ .ssh

👉🏻 없다면  Generating a new SSH key and adding it to the ssh-agent 검색해서 설정하기

 

 

4. SSH 설정하기

 ssh-keygen -t rsa -b 4096 -C "이메일주소 작성하기! @도메인까지"

 

👉🏻 enter쳐서 탈출하기!

 

 

5. Git에 SSH Key 추가하기

👉🏻 터미널에 아래 구문을 작성하면 긴 영어가 나타나는데 이게 퍼블릭 키..!

cat ~/.ssh/id_rsa.pub

 

ssh-rsa를 제외하고, AAAA부터 시작해서 마지막 이메일까지 복사해서 Git 사이트에 작성하기..!

 

👉🏻 Git의 오른쪽 상단 프로필 - setting - SSH and GPG keys 선택!

👉🏻 New SSH keys 클릭후 제목 작성(자유)

👉🏻 key에 위에서 복사한 내용을 그대로 붙여넣기 하면 됨!

 

 

6. GitHub와 연결하기

echo "# 레퍼지토리이름" >> README.md
git remote add origin https://github.com/깃주소/레퍼지토리.git
git branch -M main
git push -u origin main

 

👉🏻 위 문장을 작성하면 정상적으로 파일과 폴더가 올라간 것을 볼 수 있음