목록2024/08/13 (3)
연습장
정리 1. package.json 생성npm init -y 2. airbnb 스타일 관련 설치npx install-peerdeps --dev eslint-config-airbnb 3. prettier 설치 npm install --save-dev prettier eslint-plugin-prettier eslint-config-prettier 4. .eslintrc.js 생성// .eslintrc.jsmodule.exports = { extends: [ 'airbnb-base', 'plugin:prettier/recommended', // Prettier 관련 규칙 추가 ], env: { browser: true, node: true, es2021: true, }, r..
package.json npm init -y airbnb 스타일 관련 설치npx install-peerdeps --dev eslint-config-airbnb package.json // devDependencies 에 설치 확인 { ... "devDependencies": { "eslint": "^8.2.0", "eslint-config-airbnb": "^19.0.4", "eslint-plugin-import": "^2.25.3", "eslint-plugin-jsx-a11y": "^6.5.1", "eslint-plugin-react": "^7.28.0", "eslint-plugin-react-hooks": "^4.3.0" }} 폴더 구조 세팅 app.js 오류..
https://www.youtube.com/watch?v=Y3kjHM7d3Zo&t=97s 장점코드 포매팅 : 일관된 코딩 컨벤션을 유지하는 기능코드 품질 : 잠재적인 오류를 찾아주는 기능 eslint 설치 // 해당 영상 기준 버전npm install --save-dev eslint@6.8.0 옛날 버전이라고 경고하는 모습 .eslintrc.js 파일 생성빈 객체를 만들어서 노드 형식의 모듈을 생성-> v9.0.0 부터는 eslint.config.js 로 생성module.exports = { } npm 스크립트에 'lint' 명령어 등록 "scripts": { "lint": "eslint src" }, [폴더 구조] app.js 생성// ./src/app.jsconsole.log()(..