네? 레포파는데 두시간이요?

개노답 인간 특 : 금방파겠지~ 해놓고 못파서 레포파는데 두시간 걸림
ㅋㅋㅋㅋ ㅠㅠㅠ
매번 조금씩 헤매길래 적어보는 레포파는 요령....

1. 일단 레포를 판다

organization이든 본인사이트든 들어가서 레포를 판다.
이때 readme 추가는 안하는걸 추천한다.
해도 방법이 있겠지... 근데 걍 귀찮아지니까 안하는걸 추천

요기에 Add a README file보이죠? 하지마세요
그리고 협업자를 넣어주자.
Settings > Collaborators and teams > Manage access > Add people로 가서
해당 사람 깃아이디를 넣어주면 된다

2. 리액트나 vite 등등 아무튼 프로젝트를 판다

프로젝트 폴더 안에 들어가서 npm install 이든 create든 해서 폴더를 만든다.
그럼 프로젝트 폴더 명이 생기겠지유?
참고로 나를 위해 적는 vite파는법

npm create vite@latest name-of-your-project -- --template react
# follow prompts
cd <your new project directory>
npm install react-router-dom localforage match-sorter sort-by
npm run dev

리액트로 팠다면 아래의 코드를 따라간다

npx create-react-app 폴더명 # 이후 Y누르기
npm start

그럼 cd로 해당 폴더안에 들어가구 git init을 터미널에 쳐준다.
이걸 안하면 git add origin 했을 때 .git이 아닌데?라는 오류가 발생한다.

오류 설명사이트

3. git add origin

git init하고 git remote add origin 깃레포링크~를 쳐준다.

git init #경로 맞는지 잘 확인할 것
git remote add origin 깃레포링크~

그러고 git pull origin main도 한번해준다음에
브랜치가 main인지 확인

git branch -M main
git branch #브랜치확인
git switch main #master에 있었다면 사용

4. push 하기 (main)

git add .
git status
git commit -m "최초커밋 ~~"
git push origin main

그러고 깃허브에 잘 커밋이 됐는지 확인한다.

5. pull 리퀘가 잘들어가는지 확인 (개인브랜치)

이 부분이 사실 내가 제일 크게 헤맨 부분인데 이런 에러가 뜰 때가 있다.

There isn’t anything to compare. main and sim are entirely different commit histories.

우리가 남이가?
깃입장에선 아니 우리 그냥 남인데 뭘 푸쉬하겠다는거야 ㅋㅋㅋㅋ 라는뜻....
readme가 있거나 그냥 pull안하고 무지성으로 하면 초반에 저런 에러를 만날 수 있다.
혹시 이런 에러를 만났다면 아래로...
https://m.blog.naver.com/ehdgnstla/223098500187
근데 기존 레포작업물이 많으면 모를까 초반엔 레포 새로 파는게 낫다.

아무튼 풀리퀘가 잘 들어가고 호환되는지 확인해야하므로 아무거나 app.jsx에서 온점을 빼든지하고 push 해서 branch와 풀리퀘 호환 여부를 확인해주자

나는 스타일드 컴포넌트도 여기서 받았음

npm install -save styled-components

뚝딱 받고 브랜치 바꿔 커밋!~

git branch 개인1
git branch #main, 개인1, 타인1 등 브랜치 확인 가능
git switch 개인1 # 브랜치 이동

이렇게 switch후 add. ~ push까지한 뒤에 두근두근 풀리퀘호환이 되는지 확인하고,
잘 된다면 레포파기 성공~

안되면 다시 ㅋ

그 외에 확인할 사항은 폴더를 처음부터 프로젝트명으로 파지말고,
플젝 짬때려두는 폴더에서 VS를 키고, 거기서 react나 vite 파일 명으로 플젝 이름을 만들면 해당 프로젝트 폴더가 생긴다.
처음부터 프로젝트 명으로 폴더파면 경로가 너무 깊어짐...

origin 설정도 꼭 git init은 파진 vite나 react와 연동해야한다.

git remote remove origin #기존에 origin이 있다는 충돌 시
git init
git remote add origin

다음엔 조금만 걸리면 좋겠다
레포하나 판다고 오가니제이션에 popular repo 뜬게 너무 부끄러움
ㅋㅋㅋㅋㅋㅋ ㅠㅠ

간지톤 파이팅~