React 프로젝트에 ESLint와 Prettier 적용하기
·
Frontend/전체
yarn berry 프로젝트 생성하기yarn berry를 사용하는 이유💡 yarn berry를 사용하는 이유에 대해서 알아보자! NPM을 안쓰는 이유?🙋 무겁고 복잡한 node_modules프로젝트의 node_modules 폴더의 용량이 20기가나 차지하는 매직을 볼 수 있dpdnjs402.tistory.com yarn berry로 프로젝트를 생성해보았다.이제 ESLint와 Prettier를 적용해보겠다. 플러그인 설치VSCode 플러그인을 설치해준다. ESLint 설정하기yarn add -D eslint@8.57.0 prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-react eslint-config-react-app패키지들을..
yarn berry 프로젝트 생성하기
·
Frontend/전체
yarn berry를 사용하는 이유💡 yarn berry를 사용하는 이유에 대해서 알아보자! NPM을 안쓰는 이유?🙋 무겁고 복잡한 node_modules프로젝트의 node_modules 폴더의 용량이 20기가나 차지하는 매직을 볼 수 있다...회사 컴퓨터의 용량dpdnjs402.tistory.comyarn berry를 사용하는 이유에 대해 알아봤으니yarn berry를 이용해 프로젝트를 생성해보자. yarn을 global로 설치해준다npm install -g yarn CRA 기반 프로젝트를 생성해준다.yarn create react-app --template typescriptCRA(보일러 플레이트)기반 타입스크립트 프로젝트를 생성한다.node_modules 폴더는 필요가 없으니 삭제해주도록한다...
yarn berry를 사용하는 이유
·
Frontend/전체
💡 yarn berry를 사용하는 이유에 대해서 알아보자! NPM을 안쓰는 이유?🙋 무겁고 복잡한 node_modules프로젝트의 node_modules 폴더의 용량이 20기가나 차지하는 매직을 볼 수 있다...회사 컴퓨터의 용량이 256기가여서 매번 용량이 부족하면 node_modules를 지워줘야한다. 😱 🙋 비효율적인 의존성 검색 & 비효율적인 설치 npm은 여러 패키지들이 동일한 라이브러리의 의존성을 가지고 있다.그 라이브러리들이 각각 다른 버전을 사용한다고 했을 때 npm은 중복된 라이브러리를 설치한다.이는 디스크 공간을 많이 차지하게 되고, 설치나 업데이트에 많은 시간이 들게 한다.  🙋 유령의존성npm은 중복된 패키지 의존성을 최소화하여 공간을 절약하고 패키지 설치시간을 줄이기 위해..
yarn berry eslint 에러
·
Backend/패키지매니저
프로젝트에 eslint를 설정해 놓고, fix해주는 코드를 package.json에 작성해놨다. 그 후 터미널에서 fix해주는 명령어를 입력했는데 아래 이미지와 같은 에러가 났다 Oops! Something went wrong! :( ESLint: 8.56.0 Error: synckit tried to access ", but it isn't declared in its dependencies; this makes the require call ambiguous and unsound. Required package: " (via ""/var/folders/1v/r80_zlpj7f507kxk80jycc0c0000gn/T/6025ddaa198df01ef650d59d6f3f5c98.cjs"") Required..
[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