CRA 프로젝트의 git 의 상태가?

binary·2022년 1월 27일
0
post-thumbnail

이상해요

Git으로 프로젝트의 버전관리를 해보고자 새 Repositories를 만들었다.

Repositories의 이름은 React-practice 이다 !

아하 이걸 그대로 따라하면 되는 건가요?

근데 저거 주소 가려야 하나 싶어서 가렸는데 다른 곳을 안 가렸네,,? 머쓱


처음 Git을 사용한다면 제일 먼저 자신의 정보를 입력해주어야 한다.

  1. git config --global user.email "myemail@gmail.com"
    git config --global user.name "myname"

    자신이 깃허브에 등록한 이메일과 이름을 입력해주기

  2. git init
    프로젝트를 만들고, 최초 한 번만 한다.
    원하는 폴더에서 Git 초기화 하기
    Git을 초기화 하면 .git 이라는 숨겨진 폴더가 만들어진다.

  3. git add 추가할 내용
    내가 변경한 파일 중 올리기를 원하는 것 선택.
    git add . 은 파일 전부 다 올리겠다는 것이다.

  4. git commit -m "커밋 메시지"
    선택한 파일들을 한 덩어리로 만들고 설명 적어주기.

  5. Git hub 에 저장소 만들기 (new Repositories)

  6. git remote add origin 깃허브주소
    Git hub 저장소의 주소를 알려주기.

  7. git push origin master
    만든 커밋 푸시하기
    Git 에서 커밋(commit) 이란 !
    변경사항의 모음이 아니라 하나의 최종 코드 모음이다.


이제 된 거겠지 ?!

음.. first commit이라고 적혀 있는 거 보니까 되긴 한 것 같다.

<Title> 컴포넌트를 만들었다! 이것도 commit push 해야지!

어?..

+ 버튼을 아무리 눌러도 추가가 안 된다.

되돌리기 버튼을 눌러도 되돌려지지가 않는다.

미동조차 없다..

그리고 myapp 은 분명히 폴더 형태였는데 왜 파일 형태로 바뀐거지?

나의 짧은 영어로 검색을 해보았지만, 먼 소리지,,? 머리 긁적이다가 껐다.

재현해보겠삼

  1. 먼저 test 라는 파일을 만들었다.

  2. test 라는 파일 안에 React를 설치했다.

  1. myapp 에 들어간다.

  1. git init 한다.

  1. git add -A 파일 전부를 add 했다.

  1. git commit -m "first commit" 커밋 해주었다.

  1. 엥 커밋할 게 없어?

  1. 뭔 소리인지 모르겠고, 걍 push 한다.

  1. 에러와의 조우

  1. myapp 에서 git init 을 하는 게 아니었나..?
    다시 되돌아가자!

  1. myapp 의 상위폴더인 test 에 다시 git init 한다.

  1. git add -A 전부 다 add 한다!

근데 힌트에 submodule 어쩌구 써져 있다. 그게 뭔지 난 모르겠고

  1. commit -m "fitst commit 커밋한다.

  1. <Title> 컴포넌트 만들고 commit 해야지!

  1. <Title> 컴포넌트 저장!

짜잔 myapp 이 이상해졌습니다.

뭐가 문제였나요?

npx create-react-app myapp 을 하면 이미 myapp 안에 .git 이 파일이 존재한다.

그래서 내가 git init 하지도 않았는데 git:(main) 이렇게 뜬 거 였다.

그것도 모르고 나는...
또 상위폴더에 git init 을 하니까 나도 모르는 사이에 서브모듈을 만들어버린 것이다.

정리하자면, myapp 이 이상해진 건 디렉토리가 아니라 submodule 로 인식되어서 그런 건데... 그건 나중에 알아봐야겠다.

Git - submodule

해결 방법

create-react-app 으로 만든 프로젝트git repository 에 업로드 하려면 !

  1. cd 프로젝트 파일
    : 프로젝트 파일에 들어간다.

  2. create-react-app 안에는 이미 .git 이 있기 때문에 git init 할 필요 없음

  3. 바로 git remote add origin repository 주소

  4. git add -A
    : create-react-app으로 만들어진 파일모두 스테이징

  5. git commit -m "first commit"
    : 커밋한다

  6. git push origin master
    : 푸쉬한다


예전에 react 처음 배웠을 때 .git 파일을 지워야 한다고 해서 왜 지우지? 하면서 아무 생각없이 따라 했었다.

이렇게 오늘 리액트 앱의 .git 파일을 안 지우면 어떻게 되는 지 알게 되었다.. ^^.........

0개의 댓글