create-next-app으로 nextjs 프로젝트를 생성하여 혼자 스터디를 해보고 있었는데, .gitignore 파일 수정이 필요한 일이 생겼다. 깃헙 원격 저장소에 올리지 않아도 되는 파일들이 있어 .gitignore에 node_modules를 추가했으나 그 외에 다른 파일들도 너무 많았다.
특히 .next도 함께 ignore 하고 싶어 .gitignore에 추가했으나 계속 무시되길래 원인과 방법을 찾아봤다.
.gitignore에 .next 디렉토리가 무시되는 이유
.gitignore 파일 생성 전 이미 git 원격저장소에 .next 디렉토리를 커밋햇기 때문에 캐싱된 파일들이 잔존하고 있기 때문 .. 😒
해결방안
우선 .gitignore에 .next를 추가하고, 터미널에 아래 명령어를 차근차근 실행 시켜보자 ☝🏻
$ git rm -rf --cached .
$ git add .
$ git commit -m "커밋 메세지"
$ git push위 순서대로 실행하고 나면 로그에 어마어마하게 많은 파일들이 삭제된것을 확인할 수 있다
rm '.DS_Store'
rm '.eslintrc.js'
rm '.gitignore'
rm '.next/build-manifest.json'
rm '.next/cache/webpack/client-development/0.pack'
rm '.next/cache/webpack/client-development/1.pack'
rm '.next/cache/webpack/client-development/2.pack'
rm '.next/cache/webpack/client-development/3.pack'
rm '.next/cache/webpack/client-development/4.pack'
rm '.next/cache/webpack/client-development/5.pack'
rm '.next/cache/webpack/client-development/6.pack'
rm '.next/cache/webpack/client-development/7.pack'
rm '.next/cache/webpack/client-development/8.pack'
rm '.next/cache/webpack/client-development/index.pack'
rm '.next/cache/webpack/client-development/index.pack.old'
...그리고 깃헙 커밋 내역을 확인하면 불필요한 파일은 삭제되고, 내가 수정한 파일들만 깔끔하게 커밋된 것을 확인할 수 있다 ✌🏻
📌 참고 : 파일 삭제 명령어
$ git rm -r [파일명]
// 원격 저장소와 로컬 파일 모두 삭제$ git rm -r --cached [파일명]
// 로컬에는 파일을 그대로 내버려두고, 원격 저장소의 파일만 삭제커밋 내역이 편안해졌다 🧘🏻♀️
Front-end engineer