시작하게 된 계기, vite
인강에서 vite로 리액트를 설치해서 저도 cra 말고 vite로 설치 시도를 했습니다.
npm create vite@latest sparta-lecture-react --template react다음과 같은 명령어를 입력하면 sparta-lecture-react의 이름으로 폴더가 생기고 안에 들어가서
npm install 명령어를 입력해서 필요한 패키지들을 추가로 다운받으면 됩니다.
강의 설명에서는 뭐 훨씬 빠르고, cra는 설정 파일들을 캡슐화하고 숨겨놔서 추후 세밀한 수정을 요하는 작업이 생기면 vite가 매우 편리하다는 말을 했지만... 저는 당장 너무 고통스럽네요 ㅠ
아래는 위의 명령어를 입력하고 난 뒤의 모습입니다.
(npm install)
npm fund???
위의 사진에서 저는 npm fund 명령어는 뭘 의미할까요?
설치를 위한 패키지들과 그 패키지를 개발한 회사 중에서 자금 지원이 필요한 회사 목록들을 알려주는 명령어라고 합니다^^
When you run npm update in the command prompt, when it is done it will recommend you type a new command called npm fund.
When you run npm fund it will list all the modules and packages you have installed that were created by companies or organizations that need money for their IT projects. You will see a list of webpages where you can send them money. So "funds" means "Angular packages you installed that could use some money from you as an option to help support their businesses".
https://stackoverflow.com/questions/58972251/what-does-x-packages-are-looking-for-funding-mean-when-running-npm-install
It's basically a list of the modules you have that need contributions or donations of money to their projects and which list websites where you can enter a credit card to help pay for them.
설치를 시도하니 이런 말을 듣게 되었습니다.
제 버전이 19.8.1인데 18이나 20이 필요하는 말이었습니다.
여기서 저는 아무 의심없이 공식 node 사이트에서 다운을 받았는데 node를 찍어봐도 버전이 여전히 같은 상황이었습니다..
왜 노드 버전이 변경되지 않는가?
- 기존에 설치된 노드 버전이 시스템 경로에 남아있어 새로 설치한 버전이 적용되지 않는 경우
- 노드 설치 경로가 시스템 경로에 포함되어 있지 않아 새로 설치한 버전을 찾지 못하는 경우
- 터미널 세션을 새로 열지 않아 변경 사항이 반영되지 않는 경우
nvm 사용해보기
이후에 버전업을 시도하기 위해 블로그를 찾아보면서 다양한 시도를 했는데 잘 안됬었습니다..
저는 그래서 그냥 쳇지피티에게 물어보기로 했습니다;;;
쳇 지피티는 nvm을 알려주더군요 그래서 사용하게 되었습니다.
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
다음 명령어는 공식 사이트에서 알려주고 있는 설치 명령어입니다.
https://github.com/nvm-sh/nvm
설치하고 터미널을 다시 열면 다음과 같은 nvm 명령어를 사용할 수 있습니다.
nvm ls-remote다음과 같이 명령어를 입력하면 제가 사용 가능한 버전들이 쭉 나옵니다.
저는 위의 것들 중에서 Latest LTS 를 사용할겁니다.
LTS란?
LTS(Long Term Support)는 말 그대로 장기 지원되는 버전을 의미한다.
일반 버전과 달리 안정성에 중점을 둔 버전으로, 기능 업데이트는 최소한으로 이루어지거나 아예 없는 반면 보안 업데이트의 지원 기간이 일반 버전보다 훨씬 길다. 그렇기 때문에 서버 등 최신 기능보다 안정성이 더 중요한 곳에서 많이 쓰인다. 또한 기업이나 기관 등에서 기능 업데이트로 인해 이용 중인 다른 소프트웨어가 영향을 받는 것을 피하기 위해 이용하기도 한다.
https://namu.wiki/w/%EC%9E%A5%EA%B8%B0%20%EC%A7%80%EC%9B%90%20%EB%B2%84%EC%A0%84
nvm install 20.13.1다음과 같이 명령어를 입력하면 node가 해당 버전으로 정상적으로 작동하는 것을 알 수 있습니다.
짜잔!
이제 정상적으로 리액트가 동작함을 알 수 있습니다!!
