리액트 사용시 필수인 node.js
처음에는 뭣모르고 공식 홈페이지에서 최신 버전 릴리즈 했는데 다른 분들 깃 프로젝트 다운 받고 뭐하다 보니 그럴때마다 노드 버전관리 하기가 쉽지 않더란다..
그렇기 위해 사용하는 게 nvm ! 노드 버전관리..
https://github.com/coreybutler/nvm-windows/releases
먼저 난 윈도우니까 여기서 nvm을 다운 받았다
nvm을 쓰는 이유!
협업을 할 때, 또는 다양한 프로젝트를 동시에 진행해야 할 때 노드 버전이 서로 달라 그럴때마다 일일히 다운그레이드/업그레이드를 할 수가 없어 nvm을 사용하게 되었다.
처음에 노드를 설치했을 때는 많은 블로그에서 알려준 방법처럼 공식 홈페이지에서 릴리즈를 했었다.
아무튼, 상단의 깃 주소로 들어가서 보면
스크롤을 좀 내려보면 Asset부문에
nvm-setup을 다운 받으면 된다.
(나는 1.1.9버전을 다운받았다)
설치를 해주고 cmd창 들어가서 $ nvm -v 명령어를 통해 잘 설치되었는지 확인
근데 자꾸
"C:\Users\������\AppData\Roaming\nvm could not be found or does not exist. Exiting."
"The system cannot find the path specified. Could not download node.js v14.19.1 64-bit executable."
이런 오류 메세지가 반복적으로 나타나는거다...
경로에 문제가 있나 싶어서 실제 저 경로로 가보면 nvm도 예쁘게 잘 설치되어 있음에도 불구하고 !
한글 인코딩 과정에서 깨진건지 "CMD 글자 깨짐" 등등 별의 별 방법을 다 써보았는데도 안됨.
그래서 열심히 또 구글링한 결과 문제를 해결할 수 있었다
https://github.com/coreybutler/nvm-windows/issues/334
저기에도 나온 여러 방법들을 시도해보았지만, 결국 먹혔던 건
cmd 창에
$ nvm root "C:\Users\%userName%\AppData\Roaming\NVM"
명령어 쳐 주기.
(당연히 userName에는 사용자 이름을 넣어줘야 되는거 아시죠)
(경로를 큰 따옴표로 감싸는 것이 중요하다)
처음에는 nvm을 소문자로 했는데 그때는 안되더니 대문자로 바꿔 입력하니 그제서야 됐다...무슨차이지?;
그 후로 $ nvm root 쳐주면 제대로 경로가 나타나는 것을 볼 수 있다.
// nvm 설치 이후 node, yarn 설치하기
$ nvm install 14
$ nvm use (설치한 버전 숫자로 기입)
$ npm install -g yarn
차례로 node 설치, 해당 버전 노드 사용, yarn 설치 이다.
그런데 또 nvm use 부분에서
"exit status 1: ������ �źεǾ����ϴ�."
라는 오류가 발생했는데, 이 문제는
https://blog.naver.com/772vjrvj/222642581736
여기서 참고하여
powershell 관리자모드로 실행하여 문제를 해결할 수 있었다!
$ node -v
$ npm -v
$ yarn -v
하면 해당 버전들을 확인 할 수 있다!
설치한 노드 리스트 확인하기
$ nvm list
'Front-End > React' 카테고리의 다른 글
[React] babel은 어떻게 내 코드를 이해하고 수행하는걸까? (0) | 2022.07.11 |
---|
댓글