우리가 사용 중인 세팅
{
// env: 어떤 환경에서 스크립트를 실행할 것인지 설정
"env": {
"browser": true,
"es2021": true,
"node": true,
"commonjs": true,
"es6": true
},
"settings": {
"react": {
"version": "detect"
}
},
"extends": ["eslint:recommended", "plugin:react/recommended"],
"parserOptions": {
// ECMAScript 규격의 JSX 사용 여부: true
"ecmaFeatures": {
"jsx": true
},
// 사용할 ECMAScript 버전을 설정
"ecmaVersion": "latest",
// parser의 export 형태를 설정, react는 module 기반의 import, export 사용
"sourceType": "module"
},
"plugins": ["react"],
"rules": {
// 들여쓰기 2칸만 허용
"indent": ["error", 2],
// var 키워드 사용 불가능
"no-var": "error",
// asynn 함수 내부에 await 키워드가 없으면 오류 발생
"require-await": "error",
// ==, != 대신에 ===, !== 사용
"eqeqeq": "error",
// 따로추가
"no-unused-vars": "off"
}
}
"no-unused-vars": "off” 으로 해결 가능
간단한 css만 존재할경우, 인라인으로 하는게 좋은지 vs 이것조차 모듈화해서 하는게 좋은지 궁금합니다. 예를들어 이미지를 삽입할때 다른 css는 전혀없고 사진 크기 width, height로 줄때

둘 다 같은 컴포넌트

