Introduction
사소한 Lint 설정 때문에 시간 낭비했던 것들을 Error 위주로 간략히 기록하고자 합니다
1. 오류
Error: A space is required after '{'. @typescript-eslint/object-curly-spacing
Error: A space is required after '}'. @typescript-eslint/object-curly-spacing
2. Prettier Lint 설정
{
"bracketSpacing": true
}
// 위 소스 추가시 변경점 차이
import {IconType} from 'react-icons/lib'; // false
import { IconType } from 'react-icons/lib'; // true
Prettier Lint space 공백을 허용하고자 한다면 bracketSpacing true로 설정합니다.
위와 같이 설정하여 파일저장시 적용/미적용 차이를 확인 할 수 있습니다.
이상입니다.
'Frontend (Next.js Tailwind Typescript) > React.js' 카테고리의 다른 글
React-Query 학습 (1) (1) | 2023.12.08 |
---|---|
2. Basic Hooks (0) | 2023.11.07 |
1. Rules of Hooks (0) | 2023.11.04 |