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