노드, npm 버전이 안 맞아서 npm install을 했을 때 제대로 실행이 되지 않았다. nvm으로 node 버전은 바꿀 수 있지만, npm 버전은 nvm로 바뀌지 않는다. 또한 명령어 작성시 옵션을 제대로 붙이지 않아 헤맸다. npm 버전 변경하기 npm install npm@변경할버전 -g npm install npm@6 -g 위는 npm 버전을 6으로 변경하기 위한 명령어이다. -g를 꼭 함께 작성해야 한다. 버전 확인하기 npm -v npm 버전이 바뀐 것을 정상적으로 확인할 수 있다.

nvm을 설치하면서 오류가 발생해서 해결 방법을 찾았다. zsh인지 bash인지에 따라 방법이 달라진다. 나는 zsh이기 때문에 해당 방법을 공유하려고 한다. nvm 설치 brew로 설치하는 방법이다. brew install nvm - 설치 확인 nvm --version 버전이 나오면 정상적으로 설치된 것이다. 근데 나의 경우, 제대로 설치되지 않았다. 터미널 열고 아래의 방법을 진행한다. 해결 방법 - zshrc 파일 열기 open ~/.zshrc - 환경변수 추가 export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvmexport PATH=/opt/homebrew/bin:$PATH - 터미널..

npm 패키지는 상황에 따라 -g 옵션을 작성해 준다. 프로젝트별 패키지는 전역 설치할 필요가 없지만, npm 자체를 설치하는 등의 패키지는 -g 옵션을 필수적으로 입력해야 한다. 설치 및 버전 변경 패키지 설치 시 @뒤에 숫자를 입력해 주면, 해당 버전으로 지정해서 설치할 수 있다. npm install npm@7 -g 위는 7 버전의 npm을 설치하기 위한 명령어이다. npm -v 이후 해당 버전을 확인함으로써 설치가 완료되는 것을 알 수 있다. -g (전역 설치) -g란 global, 즉 전역적으로 설치되는 옵션이다. NPM을 전역 설치한다는 것은 어떤 말일까? 시스템 레벨에서 사용하는 라이브러리라는 것이다. 모든 프로젝트가 공통적으로 사용해야 하는 패키지의 경우, 전역 설치를 해야 한다. npm ..

새로 나온 리액트의 공식문서에서 따르면, 이제 리액트 프로젝트를 생성할 때 CRA의 사용을 지양한다. 따라서 next.js 또는 Remix, Gatsby와 같은 프레임워크와 함께 만들거나 Vite로 만들 것을 권장한다. 프로젝트 생성 npm create vite@latest yarn create vite npm 또는 yarn 중에서 선택해서 입력한다. 터미널에서 위의 명령어를 실행하면, 설정할 프로젝트 네임을 입력할 수 있다. 프레임워크 선택 React, Vue, Svelte 등 사용할 프레임워크를 선택한다. 언어 선택 타입스크립트 or 자바스크립트 선택 가능하며 SWC 빌드 툴도 선택할 수 있다. 생성 완료 생성이 완료되었다. npm install을 하면 node_modules 파일이 생긴다. npm..

Mac 사고나서 처음으로 global로 npm 모듈을 설치하려고 하니 permission 에러가 발생했다. 기본적으로 모듈을 설치할 때에는 문제가 없었지만 글로벌로 설치하려고 하니까 문제가 생겼다. npm의 디렉터리 확인 npm의 기본 디렉터리를 먼저 확인한다. 대부분 /usr/local 로 나올 것이다. npm config get prefix 디렉터리 owner 변경 디렉터리의 오너를 현재 사용자로 변경해 주면 된다. 하위 폴더의 권한도 모두 변경된다. sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share} whoami는 사용자의 계정 정보를 자동으로 치환해준다고 한다. 다시 터미널에서 npm global로 시도해 보면..