차곡차곡 개발기록

프로젝트 웹 개발 코드품질 향상을 위해 포맷 맞추기용 ESLint 사용하자 사용하는 IDE인 Webstorm에 적용해보자 # 사전조건 1. npm i -D eslint ... 로 설치 (react 등 프로젝트에 맞게 설치) { ..., "devDependencies": { "eslint": "^8.11.0", "eslint-plugin-import": "^2.25.4", "eslint-plugin-react": "^7.29.4", "eslint-plugin-react-hooks": "^4.3.0" } } 2. .eslintrc 파일 작성 { "parserOptions": { "ecmaVersion": 2021, "sourceType": "module", "ecmaFeatures": { "jsx": tru..

inflearn - 프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..) - 김정환 님 강의를 들으며 기록한 내용이다. 기본 이론 린트의 역할 코드의 보푸라기들을 제거하는 역할을 한다 ESLint 역할 포맷팅 코드 품질 유지 : 잠재적 오류를 사전에 체크해 줌 실습 준비 및 실습 ESLint 사용 npm i eslint 실행 npx eslint app.js 실행하면 오류남 // 설정 파일이 필요하다 ESLint couldn't find a configuration file. To set up a configuration file for this project, please run: npm init @eslint/config 프로젝트 루트에 .eslintrc.js 파일을 생성 ..