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패키지들을..
prettier 줄바꿈 방지 방법
·
Mark Up & StyleSheet/CSS & SCSS
vscode에서 prettier 사용할 때, 저장할 때마다 자동으로 줄바꿈 되는 것 방지하는 방법 Prettier · Opinionated Code Formatter Opinionated Code Formatter prettier.io 주석으로 줄바꿈 하고 싶지 않은 부분 바로 위에 아래 코드 넣기 주석 형식은 각 확장자에 맞게 고쳐야함 아래는 css일 때, /* prettier-ignore */