최종 프로젝트의 웹서비스를 구현하기 위해 장고와 리액트를 사용한다. 나는 백엔드 담당이지만 프론트엔드의 지식이 어느정도 필요할 것 같아 리액트 기초 강의를 듣기로 결심했다. 그 과정에서 리액트 앱을 생성할 때 생겼던 문제와 그 해결 방법에 대해서 정리하고자 한다.

🚨에러 내용

A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.

npx create-react-app .(현재 디렉토리에 프로젝트를 생성하기 위함)을 실행했을 때 node_modules와 package.json, package-lock.json까지만 생성되고 나머지 app들이 생성되지 않고 위와 같은 문구가 떴다.

내가 시도해본 것들(실패😩)

1. 그럼 여기서 npm uninstall -g create-react-app을 하고 나서 다시 npx를 하라고 하는데.. 나는 몇번을 시도해도 되지 않았다. (글로벌 인수?가 더이상 뭐 지원되지 않으니 저렇게 해서 하라는데 .. 애초에 npx를 사용해서 시도했는데 뭐가 문제지? 라는 생각부터 들었음)
2. 또한 이렇게 되지 않으면 which create-react-app으로 create-react-app이 설치된 위치를 찾아서, sudo rm -rf /usr/bin/create-react-app 이렇게 디렉토리 자체를 아예 삭제하고 다시 시도하라는 스택오버플로우 글을 발견했지만.. 나는 which로 create-react-app이 설치된 곳도 없다 떴고.. 이 방법도 실패.
3. 설치 경로를 제대로 읽어오지 못하는 것 같다는 또 다른 스택오버플로우 글을 읽고 npm config set prefix라는 명령어로 설치 디렉토리를 지정해 주면 create-react-app의 위치를 잘 인식해서 될 것이라 했는데 이 방법도 실패.
   
   3번을 시도하고는 위와 같은 오류가 떴다.
   
   그래서 어 저 명령어를 실행 못했으면 내가 해버려~ㅋㅋ 라는 마인드로 그대로 입력했으나 당연히 될 리가 없다ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
   (지금 캡처화면을 보니.. sudo chown -R 501:20 "/Users/seulzzang/.npm"이거를 먼저 시도해 볼 걸 그랬나? ..)

내가 해결한 방법🥲

진짜 하다가 열이 너무 뻗쳐서 맥북 포맷하고 싶다는 생각도 할 정도로 짜증났다.. VSCode 재부팅 해도 안돼, 맥북 재부팅 해도 안돼.. 결국 내가 선택한 방법은
1. node.js와 npm을 지우고 다시 설치한 다음([Node] mac에서 Node.js 완전히 삭제하기글을 참고했다.),
2. sudo npm cache clean --force 로 캐시를 삭제해 준 다음에 다시 npx명령어를 실행했다.

드디어 ㅠㅠㅠㅠㅠ
드디어 나도 리액트 기초를 시작할 수 있게 되었다🥹