👿 react를 이용한 full stack app을 git으로 관리할 때 발생하는 문제 해결 (git hub에 react부분만 push가 안될 때)

Travis CI와 AWS, Docker를 이용해서 간단한 풀스텍 애플리케이션을 배포하려는데 문제가 문제가 발생했다 ..

• Frontend부분과 Backend부분을 Travis CI를 통해서 테스트 후 이미지로 빌드하여 Docker hub에 올리려하는데 Backend 부분은 정상적으로 올라가지만 Frontend부분 (React부분)이 말썽 ....

• 문제가 발생하는 이유는 react를 시작할 때 보통 create-react-app을 사용하게 되는데 이걸 사용하면 자동으로 local git 저장소가 생성된다.

• 나는 전체 프로젝트를 한 원격 저장소에서 관리하기 위해 Frontend부분과 Backend부분을 각각 폴더로하여 한 개 폴더로 묶고 묶은 폴더를 git hub에 push 했다.

• 이렇게 되면 한 폴더 내에 두 개 로컬 git repository가 생성되어 충돌이 발생되는 것이다..

해결

1. React 프로젝트 폴더에 .git 파일이 있는지 확인
   hidden file이라 옵션에 따라 안보일 수 있으니 터미널 이용자는 ls -al 명령어로 .git이 있는 확인한다.
2. .git 삭제
   rm -rf .git or 그냥 휴지통에 버리고 휴지통을 비우자.

• 충돌나는 것을 알고 2번까지 했을 때 해결될 줄 알았지만 로컬 git에 내부적으로 캐싱되어 있는 정보가 있어서 이 정보까지 지워주어야 한다..

3. git rm --cached . -rf
   React 프로젝트 폴더가 아닌 root 경로에서 이 명령어를 수행해준다.