Frontend/React
2022. 11. 16.
[React] CRA 프로젝트 초기 설정(ESLint,Prettier)
단기 프로젝트를 진행하면서 프로젝트 초기 설정을 해볼 기회가 생겨서 이에 대한 기록을 남기려고 한다. ESLint 개요 ESLint는 코드 스타일을 통일해주는 역할을 한다. 공식문서에서는 JS 코드의 문제를 발견하고 고쳐준다고 나와있다. 설치 먼저 CRA 프로젝트에서 진행하는 설정이므로 리액트 앱을 만들어준 후 ESLint를 설치해준다. ESLint는 코드를 통해 사용하는 것이 아닌 vscode에서 적용하는 것이기 때문에 패키지와 vscode의 ESLint extension을 설치해야 한다. $ npm create-react-app $ npm i -D eslint 몇 가지 질문이 나오는데 해당 프로젝트에 맞는 답변을 고르고 설치를 마치면 .eslintrc 파일이 생성된다. //.eslintrc.json ..
![[React] CRA 프로젝트 초기 설정(ESLint,Prettier)](http://i1.daumcdn.net/thumb/C230x230/?fname=https://blog.kakaocdn.net/dn/o1EPy/btrSPPEmd1i/IdnYN0q4iSmWw8eKKQ3vm0/img.png)