[React] React 개발 환경 버전 바꿀 때 유의사항

react-scrollmagic 설치 과정에서 React 버전 충돌이 발생해 여러 번 버전을 바꿨었다.

다운그레이드 하는 과정에서 VScode의 Terminal로 버전을 자주 변경해도 되는지 조심스러워 ChatGPT에게 도움을 청했다.

ChatGPT 왈; 단순히 node_modules와 package.json의 버전만 바뀌는 거라 상관없다.
하지만 해야할 게 있다!!

그것은 바로 다음과 같다.

1. node_modules 삭제

rm -rf node_modules
// 또는 node_modules 폴더를 삭제한다.

2. package-lock.json 삭제

rm package-lock.json

3. 다시 설치할 버전 설치

// 버전 재설치 예시 코드
npm install react@18 react-dom@18

4. 전체 패키지 재설치

npm install  // 또는 npm i

node_modules 안에는 여러 버전의 흔적과 package-lock.json에도 이전 버전 정보가 남아 있는 상태라면 의존성 충돌이 계속 발생할 가능성이 매우 높기 때문에 위와 같이 해줘야한다.

무조건은 아니지만 버전을 깔끔하고 확실하게 설치하려면
node_modules + package-lock.json 삭제하고 새로 설치하는 게 좋다.