리액트 프로젝트 내 폴더 변경 후 깃허브에 반영하기

Reflecting Changes to Folders within a React Project to GitHub

---

참고 링크

https://swmad.tistory.com/21

VS Code에서 React 프로젝트를 GitHub에 올리는 방법

깃허브에 올린 후 생각해보니 전 프로젝트를 프론트는 vscode에서 백엔드는 인텔리제이에서 할거라 프론트랑 백엔드 폴더를 따로 지정해야했어요. 그래서 폴더 옮기고 깃에도 변경을 하게 했어요.

우선 기존 파일들과 폴더를 지정한 폴더에 옮겨주세요. 이때 ".gitignore, README.md, node_modules"는 옮기지 않고 나머지만 옮기도록 할게요.

폴더 옮기기 전

폴더 옮긴 후

그 후 아래 명령어 순서대로 진행해주시면 됩니다.

git add .
git commit -m "refactor: move project files into frontend/ folder" 알아보기 위해 메세지에 구조 변경 내용 적기
git push

깃허브에 접속하시면 구조 변경이 된 걸 볼 수 있습니다.

여기서 주의할 점은 frontend/node_modules/ 폴더는 절대 Git에 포함되지 않아야 합니다. .gitignore에 아래 항목이 있는지 꼭 확인하세요!!

이제 옮긴 걸 확인했으니 vscode 내에 있는 새 폴더에서 다시 실행해볼까요? 다시 실행을 위해서는 node 재설치 해야합니다. 새 폴더 진행했던 폴더 들어가서 진행하시면 됩니다.

cd frontend
npm install
npm run dev