[NVM] NVM에 대해서, 기본 명령어
·
Frontend/전체
🔧 nvm이란?nvm은 Node Version Manager, Node.js의 버전을 관리하는 도구 😫 왜 필요할까?Node.js는 버전마다 지원하는 기능이나 문법이 다를 수 있다. 근데 Node.js를 한 버전만 설치할 수 있어서 생기는 문제점을 NVM이 해결해준다. 🪄 nvm을 쓰면?여러 Node.js 버전을 설치해 놓고, 필요할 때마다 전환할 수 있다.프로젝트마다 다른 Node.js 버전으로 맞춰 쓸 수 있다.기본(default) 버전도 지정할 수 있다. ❗주의사항 (특히 맥북에서는!)nvm은 그냥 설치해도 안 작동할 수 있어서 아래처럼 .zshrc에 꼭 추가해줘야된다.export NVM_DIR="$HOME/.nvm"[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nv..
yarn berry를 사용하는 이유
·
Frontend/전체
💡 yarn berry를 사용하는 이유에 대해서 알아보자! NPM을 안쓰는 이유?🙋 무겁고 복잡한 node_modules프로젝트의 node_modules 폴더의 용량이 20기가나 차지하는 매직을 볼 수 있다...회사 컴퓨터의 용량이 256기가여서 매번 용량이 부족하면 node_modules를 지워줘야한다. 😱 🙋 비효율적인 의존성 검색 & 비효율적인 설치 npm은 여러 패키지들이 동일한 라이브러리의 의존성을 가지고 있다.그 라이브러리들이 각각 다른 버전을 사용한다고 했을 때 npm은 중복된 라이브러리를 설치한다.이는 디스크 공간을 많이 차지하게 되고, 설치나 업데이트에 많은 시간이 들게 한다.  🙋 유령의존성npm은 중복된 패키지 의존성을 최소화하여 공간을 절약하고 패키지 설치시간을 줄이기 위해..
npm 명령어와 셋팅하기 (+라이선스)
·
Backend/패키지매니저
npm 명령어 공식문서 CLI Commands | npm Docs Documentation for the npm registry, website, and command-line interface docs.npmjs.com npm 셋팅하기 // package.json 일일히 먼저 설정 npm init // 한번에 package.json 만들기 npm init --yes npm init --yes으로 빠르게 package.json파일을 생성 후, json파일을 직접 수정하는게 더 편한 것 같다. npm script 작성하기 script 부분에 명령어를 작성할 수 있다. 내가 지정한 명령어일 경우 실행할 때는 run 키워드를 꼭 같이 사용해야한다. // start는 원래 있는 명령어라서 run 필요없음 npm..
[Yarn] react에서 yarn berry (pnp) 에러
·
Frontend/React
yarn berry를 쓰면서 아래와 같은 에러가 났을 때 해결방법 1. 터미널에 아래 명령어 입력한다. yarn add -D eslint-config-react-app 2. 젤 상위 폴더에 .yarnrc.yml 파일을 생성한다. 3. 해당 파일에 아래 내용을 띄어쓰기 주의해서 작성해준다. (파일명만 바꾸면 됨 맨앞에 점 붙이기) packageExtensions: react-scripts@*: peerDependencies: eslint-config-react-app: '*' 4. 위에 과정 후 계속 에러가 난다면 터미널에 아래 명령어를 차례대로 입력해준다. yarn cache clean yarn install yarn start